语义ui手风琴分为模式

Question

编辑： 发现问题，但不知道如何解决。没有与semant.js问题，jquery.ui.js

错误：http://jsfiddle.net/taioli/tg21uLoh/12/

正确（不jquery.ui）http://jsfiddle.net/taioli/tg21uLoh/11/

我不understant这个问题。我手风琴变成了一种不起作用的模式。首先我认为有一个css冲突，但是，在我做了一些证据后，没有发生css冲突。

模式

<div class="ui modal history"> 
    <i class="close icon"></i> 
    <div class="header"> 
     Profile Picture 
    </div> 
    <div class="content"> 

     <div class="ui accordion"> 
      <div class="title"> 
       <i class="dropdown icon"></i> 
       What is a dog? 
      </div> 
      <div class="content"> 
       <p class="transition ">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 class="transition hidden">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 class="transition ">Three common ways for a prospective owner to acquire a dog is from pet shops, private owners, or shelters.</p> 
       <p class="transition ">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> 
    </div> 
    <div class="actions"> 
     <div class="ui black deny button"> 
      Nope 
     </div> 
     <div class="ui positive right labeled icon button"> 
      Yep, that's me 
      <i class="checkmark icon"></i> 
     </div> 
    </div> 
</div> 

JS

在文件准备

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

$('.ui.modal.history').modal('show'); 

我尝试这一场的jsfiddle和它的工作。在我的页面我有这个

第一个项目实际上不起作用。

最奇怪的是，在相同的jsfiddle它的工作

Answer 1

Semantic.js和jQuery-ui.js具有相同的功能'Accordion'

只要看看在https://jqueryui.com/download/

创建您自己定制的jquery-ui库，并且不要检查组件accordion。

它可能会解决你的错误。