javascript - 折叠事件不触发 Bootstrap 2.3.2 JQuery 1.10

Question

我试图在 Accordion div 打开后做一些事情，但是 Accordion 打开后“显示”或“显示”事件都没有触发

$(document).on('show shown shown hide hidden', '.accordion-field', function(){
    console.log('got it'); 
});

注意: Accordion 字段是在处理一些来自 ajax 的 json 之后动态生成的。

任何人都知道为什么这不起作用。

编辑:

添加静态 div(不是通过代码创建而是在 html 上编写)后，我意识到事件触发了。

$(document).on('show shown hide hidden', '#xdiv81', function(){
    console.log('got it');
} );

我如何为动态生成的 div 做同样的事情

Answer 1

正如 Vizkos 所提到的，问题在于我在生成元素之前将 div 绑定(bind)到“显示”和“隐藏”事件。

解决方案是在生成之后移动投标。

generateDivs();
$(document).on('show shown hide hidden', '#xdiv81', function(){
    console.log('got it');
} );

或

generateDivs();
$('#xdiv81').on('show shown hide hidden', function(){
    console.log('got it');
}

后者效率更高。