jQuery UI Accordian.我需要激活新添加的项目

jQuery UI Accordian. I need to make newly appended item active

本文关键字：添加 项目 新添加 激活 Accordian UI jQuery      更新时间：2023-09-26

我希望新添加的部分在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

相关文章：