#accordion не является функцией

Question

У вас возникла проблема с скриптом аккордеона, аккордеон работал, когда я работал с ним с прямым html, но теперь, перейдя на Wordpress, аккордеон прекратил работать.

Вот мой код

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
    <script> 
    $(document).ready(function() { 
    $("#accordion").accordion(); 
    }); 
    </script> 
<?php wp_head(); ?> 

и HTML:

  <div id="accordion"> 
<div class="button"><a href="#">Infrastructure</a></div> 
    <div><?php 
      if (function_exists('iinclude_page')){ 
       iinclude_page('sectors/infrastructure'); 
      }?> 
      </div> 
    <div class="button"><a href="#">Housing</a></div> 
    <div><?php 
      if (function_exists('iinclude_page')){ 
       iinclude_page('sectors/housing'); 
      }?></div> 
       <div class="button"><a href="#">Education</a></div> 
    <div><?php 
      if (function_exists('iinclude_page')){ 
       iinclude_page('sectors/education'); 
      }?></div> 
       <div class="button"><a href="#">Health</a></div> 
    <div><?php 
      if (function_exists('iinclude_page')){ 
       iinclude_page('sectors/health'); 
      }?></div> 
</div> 

Я действительно не понимаю эту проблему, так как он работал в прямой HTML. Я даже попытался удалить функцию include с прямым текстом, и он все еще не работает?

Любые идеи? Других объектов jquery не существует.

Answer 1

Вы загрузки JQuery дважды (1,5 с последующим 1.7.1), и загрузка JQuery UI после загрузки 1.5, но перед загрузкой 1.7.1. Итак, вот что происходит:

1. загружен jQuery 1.5.

2. Пользовательский интерфейс jQuery загружается и прикрепляется к объекту jQuery, который существует в этой точке.

3. Загружается jQuery 1.7.1, полностью заменяя объект jQuery.

4. Ваш код работает, используя объект (1.7.1) jQuery, с которым пользовательский интерфейс jQuery не добавил свою доброту.

Если вы загрузите jQuery только один раз и убедитесь, что вы загрузили пользовательский интерфейс jQuery после этого, он будет работать.

Answer 2

Вы включаете jQuery дважды, возможно, это проблема?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
.. 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 

Answer 3

Можете ли вы показать мне полный html, когда вы запустите его на Wordpress. Я думал, что, возможно, на страницах включения есть некоторые закрытые теги, которые могут испортить аккордеон.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 

И старайтесь не вставлять jQuery дважды.