2017-05-31 66 views
0

我在表格中使用“shown.bs.collapse”和“hidden.bs.collapse”引导程序事件。在第一页上,事件被触发并听取得很好,在Ajax中生成表格页面后引导程序崩溃事件不起作用

$('#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中。 表进行分页,以及其他页面用Ajax调用和成功回调产生:

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

的问题是,引导事件不再被事后听。我试图重新注册回调中的事件,就像我在这里找到的每一篇帖子都建议(例如Bootstrap 3 - Event hidden.bs.collapse not fired if the accordion is inside a modal populated via ajax),但没有任何技巧。所有其他类型的常规活动在回叫中注册时正在工作,或者如果已经在页面中注册,则只有“[bs.collapse]”没有被听取......

有什么建议么 ?我尝试了很多东西,我出来的想法:/我尝试了“done()”,“$ find()”方法,尝试其他Ajax完成/停止回调等,但没有任何工作。提前致谢 !

回答

1

尽管试试这个

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

试了一下,没有工作:(谢谢 – Morgoth

+0

进一步的测试。我想它的父视图这样(我是注册在自身的局部视图的事件)和它的工作!非常感谢:) – Morgoth