jQuery 资源未正确加载 Accordion

Question

我正在尝试为我的编程信息网页构建一个简单的导航栏。这个问题实际上有点讽刺，因为我无法弄清楚为什么这段代码不起作用。

我正在使用 GoDaddy WebpageBuilder，但这个特定元素是通过他们的 HTML 元素添加的，您可以添加。如果您以前使用过它，您就会知道我在说什么......

无论如何， Accordion 只加载了一半时间。在某些情况下，它会加载和运行得很好；而在其他情况下，它会简单地将扩展的 Accordion 放在页面上，但没有 Accordion 。

您可以在这里查看:www.shawftware.net

如果问题在第一次尝试时不会出现，请继续刷新直到看到它； Accordion 位于页面的右上角。

我在 JavaScript 控制台中遇到的错误是这样的:

Uncaught TypeError: Object [object Object] has no method 'accordion'

我不知道这意味着什么或它做了什么，所以我希望这里的人知道如何修复这个错误，以及为什么它只发生一半的时间。

这是我运行的源代码:

HTML:

<div id="accordionBox">
<div id="accordion">
  <h3>Navigation</h3>
    <div>
    <a href="http://www.shawftware.net/home.html"><p class="navButton" style="color: black">Home</p></a>
    <hr>
    <a href="http://www.shawftware.net/about.html"><p class="navButton">About</p></a>
    <hr>
    <a href="http://www.shawftware.net/contact.html"><p class="navButton">Contact</p></a>
    </div>
</div>
</div>

CSS:

<style>
    .gFontHeader{
        font-family: 'Montserrat Subrayada', sans-serif;
        font-size: 34px;
    }
    #accordionBox{
        width: 150px;
    }
    .navButton{
        text-align: center;
        color: #666666;
    }
    .navButton:hover{
        color: black;
    }
    #accordion a{
        text-decoration: none;
    }

</style>

JS:

<script>
    $(function(){
    $( "#accordion" ).accordion({
        collapsible: true,
        active: false
    });
});
</script>

Answer 1

我看到您正在使用两个 jquery 文件。

• jQuery JavaScript 库 v1.8.3
• jQuery JavaScript 库 v1.9.1

请删除旧版本的 jquery 并检查它是否工作正常。