Question

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

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

无论如何，手风琴只能加载一半的时间。在某些情况下，它会加载和操作完美;而在其他情况下，只需将扩展的手风琴放在页面上，但没有手风琴。

您可以在此处查看：www.shawftware.net

如果第一次尝试时无法解决问题，请继续刷新，直到看到为止;手风琴在页面的右上角。

我在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 Library v1.8.3
jQuery JavaScript Library v1.9.1

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

Answer 2

我必须使用GoDadday Hosting连接来使用他们的Web界面安装应用程序（jQuery）才能让jQuery正常工作。他们使用ftp上传过程会在您上传的文档中添加行...这是一个痛苦的屁股。

jQuery资源未正确加载手风琴

2 个答案: