Jquery ui 同时使用Sementic UI Accordion和JQuery UI Accordion时发生冲突

我同时使用Sementic UI和Jquery UI。然而，我想使用语义用户界面的accordio，当我调用语义用户界面的accordion类时，似乎存在冲突

样本：

<div class="ui accordion">
  <div class="active title">
    <i class="dropdown icon"></i>
    What is a dog?
  </div>
  <div class="active content">
    <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.</p>
  </div>
  <div class="title">
    <i class="dropdown icon"></i>
    What kinds of dogs are there?
  </div>
  <div class="content">
    <p>There are many breeds of dogs. Each breed varies in size and temperament. Owners often select a breed of dog that they find to be compatible with their own lifestyle and desires from a companion.</p>
  </div>
  <div class="title">
    <i class="dropdown icon"></i>
    How do you acquire a dog?
  </div>
  <div class="content">
    <p>Three common ways for a prospective owner to acquire a dog is from pet shops, private owners, or shelters.</p>
    <p>A pet shop may be the most convenient way to buy a dog. Buying a dog from a private owner allows you to assess the pedigree and upbringing of your dog before choosing to take it home. Lastly, finding your dog from a shelter, helps give a good home to a dog who may not find one so readily.</p>
  </div>
</div>

什么是狗？
狗是一种家养动物。它以忠诚和忠诚著称，在世界各地的许多家庭中都可以找到它作为受欢迎的客人

那里有什么狗？
狗的品种很多。每个品种的体型和性情各不相同。主人通常会从伴侣那里选择一种与自己的生活方式和愿望相适应的狗

你如何获得一只狗？
宠物店、私人主人或庇护所是潜在主人获得狗的三种常见方式

宠物店可能是买狗最方便的方式。从私人主人那里购买一只狗，可以让你在选择将狗带回家之前评估狗的血统和教养。最后，从庇护所找到你的狗，有助于给一只可能不那么容易找到家的狗一个好家

---

有什么建议吗？

我在jQuery UI中使用了语义UI，对我来说没有问题

您是否在main.js中初始化了语义ui手风琴

$('.ui.accordion')
  .accordion()
;

在您的文档加载javascript函数中添加上述代码，它应该可以工作

(function($) {
    $('.ui.accordion')
      .accordion()
    ;
}(jQuery)); 

还要确保在语义JS之前添加jQuery JS

<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<!-- Semantic-ui JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"></script>

---

我在jQuery UI中使用了语义UI，对我来说没有问题

您是否在main.js中初始化了语义ui手风琴

$('.ui.accordion')
  .accordion()
;

在您的文档加载javascript函数中添加上述代码，它应该可以工作

(function($) {
    $('.ui.accordion')
      .accordion()
    ;
}(jQuery)); 

还要确保在语义JS之前添加jQuery JS

<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<!-- Semantic-ui JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"></script>

---

jquery ui和语义有一个

手风琴，因此存在冲突

有关修复，请从下载并检查所有不带手风琴的

我试过了，它被修好了

希望它能为您工作。
jqueryui和semantic有一个
手风琴，所以存在冲突

有关修复，请从下载并检查所有不带手风琴的

我试过了，它被修好了

希望它能为您工作。
正如其他人所指出的，这是JUI和SUI
手风琴功能之间的冲突

我没有看到任何关于（目前关闭）的提及。如果你愿意的话，你可以在那里称重（或者，更好的，提供PR）。
正如其他人所指出的，这是JUI和SUI
手风琴功能之间的冲突

我没有看到任何关于（目前关闭）的提及。如果你愿意的话，你可以在那里称一称（或者，更好的是，提供一份公关报告）。
谢谢你这么快的回答。我会尽力让你知道结果的。@SujanKumarKolli不用担心。我最终选择了语义UI，因为它具有干净的特性。但问题是很难在网上获得帮助。如果可以，请更新我：）嗨，我会更好的，我已经在JSFIDLE中创建了一个小项目。这两个图书馆都有。嗨@SujanKumarKolli，别担心。它现在正在工作。记住，总是把jQueryJS放在所有其他JS之前。谢谢你这么快的回答。我会尽力让你知道结果的。@SujanKumarKolli不用担心。我最终选择了语义UI，因为它具有干净的特性。但问题是很难在网上获得帮助。如果可以，请更新我：）嗨，我会更好的，我已经在JSFIDLE中创建了一个小项目。这两个图书馆都有。嗨@SujanKumarKolli，别担心。它现在正在工作。记住，始终将jQuery JS放在所有其他JS之前。