jQuery的手风琴它不工作(jQuery accordion its not working)

我试图使用jQuery UI的手风琴插件，我不知道为什么它不工作。

我来到http://jqueryui.com/和阅读文档，我选择一个主题，然后我选择“UI核心切换所有”，然后在Widget中我只选择了“手风琴”。

我的文件保存在我的“ACC”文件夹，然后我导入的文件是这样的：

<link rel="stylesheet" type="text/css" href="../acc/css/jquery-ui-style.css" />
<title>Projet</title>
<script type="text/javascript" src="../acc/js/jquery.js"></script>
<script type="text/javascript" src="../acc/js/jquery-ui.js"></script>
<script type="text/javascript" src="../acc/js/acc.js"></script>

然后在我的acc.js文件即时通讯开始手风琴：

$(function (){
    $('.accordion').accordion();
});

但它不工作，我有没有手风琴只是我正常的HTML。

我的HTML是这样的：

 <div class="accordion">

        <h3>Title 1</h3>    
        <div>
            <p>My first post.</p>
        </div>        

        <h3>Title 2</h3>
        <div>
            <p>My second post.</p>  
        </div>        

        <h3>Title 3</h3>
        <div>
            <p>My third post</p>    
        </div>

    </div><!-- /accordion -->   

Answer 1:

从您发布它应该工作，使代码，我只能认为它没有包括您正确的脚本

如果ACC文件夹在你的网站，你应该考虑改变你的脚本和CSS的根文件夹：

<link rel="stylesheet" type="text/css" href="/acc/css/jquery-ui-style.css" />
<script type="text/javascript" src="/acc/js/jquery.js"></script>
<script type="text/javascript" src="/acc/js/jquery-ui.js"></script>
<script type="text/javascript" src="/acc/js/acc.js"></script>

取出点 - 因为这意味着你试图去从你在哪里（在URL，而不是与HTML文件）的文件夹一个。

如果不工作，然后按F12，并检查您的控制台，你可能有其他的js错误，停止手风琴工作

Answer 2:

听起来像是你未选中jQueryUI的核心，下载标准版jQueryUI的，并覆盖创建的版本。

一个小提琴显示，代码是正确的。 如果你缺少核心则没有小部件将工作

$(function (){
    $('.accordion').accordion();
});

Answer 3:

我不是完全熟悉jQuery UI的手风琴，但你有没有试过把你的$（“手风琴。”）手风琴（）。 里面的jQuery的document.ready？

请参见下面的代码，最有可能存在的页面上实际HTML之前，你的手风琴正在初始化。 这是正确假设你设置你的HTML，而你包括正确的jQuery JavaScript文件等。

$(document).ready(function() { 
 $('.accordion').accordion();
});

希望帮助。

文章来源: jQuery accordion its not working