我希望新添加的部分在jQuery Accordion中处于活动状态。
我有一个链接,在Accordion中添加了新的部分,但目前它并没有像我希望的那样激活新添加的元素。
$("#add-content-section").on("click", function(){
var count = $("#accordion .content_section").size();
var newsection = ++count;
var html = '<h4 class="typo">Section '+newsection+'</h4><div class="content_section">Test</div>';
$('#accordion').append(html).accordion('destroy').accordion({active: newsection});
});
我创建了一个JSFiddle来演示http://jsfiddle.net/stefairc/JP2wN/
谢谢!
您可以刷新手风琴,而不是破坏手风琴。
然后您可以简单地触发点击事件。
$('#accordion').append(html).accordion('refresh').find('h4').last().click();
您也可以按照Ohgodwhy
的建议进行操作,并使用索引。
var count = $('#accordion').find('h4').length;
// Then later inside your event handler
$('#accordion').append(html).accordion('refresh').accordion({active:count++});
首先销毁手风琴,然后注入html并初始化。
使用active:-1
将激活最后一段
$('#accordion').accordion('destroy').append(html).accordion({active:-1});
DEMO