#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.我甚至尝试用直接文本删除包含功能,它仍然无法正常工作？

有任何想法吗？没有其他jquery对象干涉.

Answer 1

您正在加载jQuery两次(1.5后跟1.7.1),并在加载1.5但加载1.7.1之前加载jQuery UI.所以这是发生的事情:

1. jQuery 1.5已加载.

2. 加载jQuery UI并将其自身附加到此时jQuery存在的对象.

3. 加载jQuery 1.7.1,完全替换该jQuery对象.

4. 您的代码使用(1.7.1)jQuery对象运行,jQuery UI尚未添加其优点.

如果你只加载一次jQuery,并确保你之后加载jQuery UI,它将工作.