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

Question

我在 table 中使用 "shown.bs.collapse" 和 "hidden.bs.collapse" bootstrap 事件。在第一页上，事件被触发并通过

收听得很好

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

里面放一个document.ready。 table 已分页，其他页面通过 ajax 调用和成功回调生成：

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

问题是 bootstrap 事件之后不再被收听。我尝试按照我在此处找到的每篇帖子的建议（例如）在回调中重新注册事件，但没有成功。所有其他类型的常规事件在回调中注册时都在工作，或者如果已经在页面中注册，则只有“[...]。bs.collapse”没有被监听...

有什么建议吗？我尝试了很多我没有想法的事情：/我尝试了 done()、$find() 方法，尝试了其他 ajax complete/stop 回调等，但没有任何效果。

Answer 1

试试这个

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

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

Bootstrap collapse events not working after generating table page in Ajax

jquery

collapse

twitter-bootstrap

jquery-events