#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，它会工作的。

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

当你在 Wordpress 上运行它时，你能告诉我完整的 html。 我在想也许在包含页面中有一些未闭合的标签可能会损坏手风琴。

<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 两次。