Question

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

谢谢！

Answer 1

而不是摧毁手风琴，你可以refresh。

然后你可以简单地触发点击事件。

$('#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++});

Answer 2

首先销毁手风琴，然后注入html并初始化。

使用active:-1将激活上一部分

 $('#accordion').accordion('destroy').append(html).accordion({active:-1});

的 DEMO

jQuery UI Accordion。我需要激活新附加的项目

2 个答案: