在Ajax中生成表格页面后，Bootstrap折叠事件不起作用

Question

我在表中使用“ shown.bs.collapse”和“ hidden.bs.collapse”引导事件。在第一页上，事件被触发并通过

 $('#accordion')
   .on('shown.bs.collapse', function (e) {
       var id = e.target.id;
        loadBatchFileDetails(id);
   })
   .on('hidden.bs.collapse', function (e) {
       var id = e.target.id;
        $("#details_" + id).hide();
        $('#loader_' + id).show();
   });

放入文档中。该表是分页的，其他页面是通过ajax调用和成功回调生成的：

success: function (e) {
        $('#batchFilesList').html(e);

问题在于，引导事件之后不再被监听。我尝试在回调中重新注册事件，就像在这里找到的每条建议一样（例如，Bootstrap 3-如果手风琴位于通过ajax填充的模式中，则不会触发Event hidden.bs.collapse），但是没有任何效果。在回调中注册其他所有常规事件，或者如果已经在页面中注册了常规事件，则不会监听“ [...]。bs.collapse”事件。

有什么建议么 ？我尝试了很多我没有主意的事情：/我尝试了done()，$find()方法，尝试了其他ajax完成/停止回调等，但是没有任何效果。

Answer 1

尝试这个

$(document).on('shown.bs.collapse', '#accordion', function (e) {
   //your code
})