Jquery DOMNodeInserted不工作在Chrome中，但在IE中工作

我有一個模塊開發，其中我有一個父表和每行都有一個子表動態生成使用JSON數組通過使用jQuery的Ajax調用動態生成。
現在，我需要在每次將具有類「childtable」的子表插入到顯示子表ID的父錶行中時觸發警報。
我試圖用jQuery DOMNodeInserted事件來實現這個功能，它在IE中完全適用於我，但它在Chrome中不起作用。
我使用谷歌瀏覽器版本56.0.2924.87。
這段代碼如下所示。
Jquery DOMNodeInserted不工作在Chrome中，但在IE中工作

$('body').on('DOMNodeInserted', 'table.childtable', function(e) { 
if (! $.fn.DataTable.isDataTable('#'+$(this).attr('id'))) { 

var tab='#'+$(this).attr('id'); 

alert(tab); //fire id as alert 

$('#'+$(this).attr('id')).DataTable({ 
     "bSort" : false, 
     "scrollCollapse": true, 
     "searching": false, 
     "bInfo" : false, 
     "paging": false, 
     "columnDefs": [{ 
       "targets": [ 0 ], 
       "visible": false 
      }] 

}); 
    $(tab).find("thead tr th").each(function(index1) { 
    index1 += 1; 
    $(tab).find("tbody tr td:nth-child(" + index1 + ")").attr("data-title", $(this).text()); 
}); 


} 


});

請幫我傢伙...預先感謝您的時間。

來源

2017-09-06 Lalitkumar.annaldas

'DOMNodeInserted'是過時[突變事件]（https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Mutation_events）的一部分。改爲使用[突變觀察者]（https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver）。 – Teemu

我試圖讀取關於突變observers.but但我無法實現它..任何人都可以幫助我的代碼。 –

經過漫長的搜索，我終於找到了我的問題的答案。感謝Uzair Farooq。
上述事情可以通過使用在突變觀察者上工作的arrive.js來實現。
點擊此處下載文件。 arrive.js

代碼：

$('body').arrive('table.childtable', function(){ 
    alert('#'+$(this).attr('id')); 
});

現在我擔心的是我不能使用舊browsers.Bcoz突變觀察家這個代碼在舊的瀏覽器不支持。

那麼我們如何才能找出瀏覽器是否支持棄用的突變事件，或不使用jQuery？

來源

2017-09-06 06:47:56

Jquery DOMNodeInserted不工作在Chrome中，但在IE中工作

回答

相關問題