Аккордеон снимает, но не отвечает

Еще один день, еще один вызов. Это должно быть легко. Я получил аккордеон для рендеринга, но он не будет функционировать. Что я делаю не так? Я получаю ошибку "Can't find variable: jQuery". Это относится к последней строке файла accordion.min.js, которая равна }(jQuery, window, document);.Аккордеон снимает, но не отвечает

Полный текст HTML.

<!DOCTYPE html> 
<html> 
     <title> Semantic UI - Accordian </title> 
     <h1>Semantic UI Accordian - Not Working</h1> 
     <hr> 
     <p>The source semantic UI component files are correct. And I am loading the latest version of jQuery. The Accordian renders, but it does not function. What am I doing wrong? I tried using the main semantic.js and semantic.css files - that encompasses all components, but this also did not work. </p> 
     <br> 
     <h3>Error Message in Safari Error Console</h3> 
     <p> I only see one error. It refers to the last line in the accordion.js or accordion.min.js file. It reads "can't find variable jQuery". and refers to a closing "}(jQuery, window, document);" statement. I got the same error when trying to load an earlier version of jQuery 2.1.3. What am I doing wrong? </p> 
     <head> 
     <script type="text/javascript" src="http://oss.maxcdn.com/semantic-ui/2.1.8/components/accordion.min.js"></script> 
     <link rel="stylesheet" href="https://oss.maxcdn.com/semantic-ui/2.1.8/components/accordion.min.css"> 
     <script src="https://code.jquery.com/jquery-2.2.0.js"></script> 

    </head> 
    <body> 
      <div class="ui styled accordion"> 
       <div class="title"> 
       <i class="dropdown icon"></i> 
       What is a dog? 
       </div> 
       <div class="content"> 
       <p class="transition hidden">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 hidden">Three common ways for a prospective owner to acquire a dog is from pet shops, private owners, or shelters.</p> 
       <p class="transition hidden">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> 

    <script> 
      $('.ui.accordion').accordion(); 
    </script>  
    </body> 
</html>

источник

2016-02-03 Hellyar

включают

<script src="https://code.jquery.com/jquery-2.2.0.js"></script>

перед тем

<script type="text/javascript" src="http://oss.maxcdn.com/semantic-ui/2.1.8/components/accordion.min.js"></script>

источник

2016-02-03 22:02:24 dev35000

Да, я просто понял, что из. Глупая ошибка нооба. Благодарю. – Hellyar

Аккордеон снимает, но не отвечает

ответ

Смежные вопросы