Javascript 获取对JQuery UI Accordion头的引用
我有一个JQuery手风琴,如下所示Javascript 获取对JQuery UI Accordion头的引用,javascript,jquery,jquery-ui,jquery-ui-accordion,Javascript,Jquery,Jquery Ui,Jquery Ui Accordion,我有一个JQuery手风琴,如下所示 <div id="accordion"> <h3 class="ui-accordion-header"><a id="link1" href="#">First Header</a></h3> <div id="div1">First Content</div> <h3 class="ui-accordion-header"><a id="link
<div id="accordion">
<h3 class="ui-accordion-header"><a id="link1" href="#">First Header</a></h3>
<div id="div1">First Content</div>
<h3 class="ui-accordion-header"><a id="link2" href="#">Second Header</a></h3>
<div id="div2">Second Content</div>
</div>
第一内容
第二内容
手风琴由以下各项生成:
$("#accordion").accordion({
collapsible:true,
active:false,
navigation:true,
autoHeight:false,
change:function(event, ui){
var index = $(this).find("h3").index(ui.newHeader[0]);
var header = $(this).find("h3")[index].find("a"); //<--- problem line
var currentHeaderID = (header.attr("id")); //<--id that I need
}
});
手风琴({
可折叠的:是的,
活动:错误,
导航:对,
自动高度:false,
更改:功能(事件、用户界面){
var index=$(this.find(“h3”).index(ui.newHeader[0]);
var header=$(this).find(“h3”)[index].find(“a”);//当手风琴发生变化时,包装活动header的
元素的jQuery对象将传入ui.newHeader
,因此您只需使用:
更新的小提琴。#2是当您使用
折叠时的默认行为:true
当header1
打开并且您单击header2
,然后header1
关闭并且header2
打开时。但是我想要的是当header1
打开并且您再次单击header1
时,thenheader1
关闭。目前不会发生这种情况。是的,如果您设置了可折叠设置,它应该是这样工作的:它现在不工作,因为您错误地将其collapsable
notcollapsable
关闭了。谢谢。折叠正在工作。Sivakanesh,您知道ID是区分大小写的吗他们不能以“数字”开头吗?使用像id=“link1”id=“link2”之类的东西。这是我的一天。
var currentHeaderID = ui.newHeader.find("a").attr("id");