jQuery手风琴不工作
我正在尝试使用jquery手风琴插件，我不知道为什么它不起作用。
我来到http://jqueryui.com/并阅读了文档，我选择了一个主题，然后选择了"UI切换所有“，然后在小部件中我只选择了"Accordion”。
我将文件保存在"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 --> 回答 3
Stack Overflow用户
发布于 2014-04-24 14:29:21
从您发布的代码来看，它应该可以工作，所以我只能假设它没有正确地包含脚本
如果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错误停止手风琴工作。
Stack Overflow用户
发布于 2014-04-24 14:22:23
我并不完全熟悉jQuery UI手风琴，但您是否尝试过将$('.accordion').accordion()；放置在jQuery document.ready中？
请参阅下面的代码，很可能是在页面上的实际html存在之前已经初始化了您的手风琴。这是假设您正确地设置了html，并且包含了正确的jQuery JavaScript文件等等。
$(document).ready(function() {
$('.accordion').accordion();
});希望这能帮上忙。
Stack Overflow用户
发布于 2014-04-24 14:22:02
听起来您没有选中JqueryUI核心，下载标准版本的JqueryUI并覆盖创建的版本。
一个小提琴显示代码是正确的。如果您缺少核心，那么就不会有任何小部件工作。
$(function (){
$('.accordion').accordion();
});https://stackoverflow.com/questions/23271541
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号