本文介紹了jQuery:如何在尚未添加到 DOM 的元素上調用 jQuery 插件函數?的處理方法，對大家解決問題具有一定的參考價值，需要的朋友們下面隨著小編來一起學習吧！
問題描述
我有一個我正在使用的 jQuery 插件:
I have a jQuery plugin that I am using:
$(document).ready(function(){
$('.elements').fancyPlugin();
});
在我開始添加新元素之前效果很好:
This works great until I start adding new elements:
$.get('ajax.html', function(data){
$('#container').html(data);
});
我可以像這樣再次調用插件函數:
I could call the plugin function again like this:
$.get('ajax.html', function(data){
$('#container').html(data).find('.elements').fancyPlugin();
});
...除了 AJAX 發生在另一個不需要知道 fancyPlugin() 的 jQuery 插件中.
...except that the AJAX is happening inside another jQuery plugin that shouldn't have to know about the fancyPlugin().
如何將此插件應用于所有當前和未來的元素?
How can I apply this plugin to all current and future elements?
推薦答案
我認為這將適用于除 IE 之外的所有瀏覽器:
I think this will work in all browsers except IE:
document.body.addEventListener("DOMNodeInserted", function(event){
var $elementJustAdded = $(event.target);
if ($elementJustAdded.hasClass('elements')) {
$elementJustAdded.fancyPlugin();
}
}, false);
這篇關于jQuery:如何在尚未添加到 DOM 的元素上調用 jQuery 插件函數?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題，如果有圖片或者內容侵犯了您的權益，請聯系我們刪除處理，感謝您的支持！