javascript - jQuery Accordion 不起作用

标签 javascript jquery asp.net accordion

我想我已经做得很好了,但是 Accordion 还是不能用

<head runat="server">
<title></title>
<link href="assets/jquery-ui-1.10.3.custom/jquery-ui-1.10.3.custom/development-bundle/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
<script src="assets/js/jquery-1.10.2.min.js"></script>
<script src="assets/jquery-ui.js"></script>

<script type="text/javascript">
    $("#Acc").accordion();
</script>

<body>
<form id="form1" runat="server">
<div  id="Acc">
    <h3>First One</h3>
    <div>
        <p>
            1st Data
        </p>
    </div>
     <h3>second One</h3>
    <div>
        <p>
           2nd Data
        </p>
    </div>
     <h3>Third One</h3>
    <div>
        <p>
            3rd Data
        </p>
    </div>

</div>
</form>

最佳答案

您需要将脚本包装在 document.ready 中,这会延迟脚本的执行,直到 DOM 完全加载。目前脚本执行时找不到div#Acc,因为它还没有加载。

$(document).ready(function(){
    $("#Acc").accordion();
});

关于javascript - jQuery Accordion 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20429309/

相关文章:

javascript - jQuery:使用 .find() 命令时出现问题

javascript - 如何防止具有特定属性的 HTML 标记在 Google Chrome 中显示

javascript - 在 Django 中创建更好的选项卡式界面

asp.net - ASP.NET 的 MultiView 控件的适当用途是什么?

javascript - 打印 : Background colors missing in FullCalendar

javascript - 为什么 JQuery 尝试在 Firefox 中将 ajax 响应解析为 xml?

javascript:如何解析日期字符串

asp.net - 请求 URL 在 IIS 7 中无效

ASP.NET w/VB.NET - ListBox 或 CheckBoxList 上的 MultiSelect w/AutoPostback 已启用

javascript - WebStorm, "surround with"删除换行符