折叠事件未触发Bootstrap 2.3.2 JQuery 1.10

Collapse events not triggering Bootstrap 2.3.2 JQuery 1.10

本文关键字：JQuery Bootstrap 事件 折叠      更新时间：2024-04-22

我试图在手风琴div打开后做一些事情，但手风琴打开后"显示"或"显示"事件都没有启动

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

注意：手风琴字段是在处理了一些通过ajax来的json之后动态生成的。

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

编辑：

在添加了一个静态div（不是通过代码创建的，而是在html上编写的）之后，我实现了事件触发。

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

如何对动态生成的divs 进行同样的操作

正如Vizkos所提到的，问题是在生成元素之前，我将div绑定到"显示"answers"隐藏"事件。

解决方案是将投标书移到下一代。

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');
}

后者更有效。

相关文章：