Javascript jQuery UL追加事件?
我正在寻找一种处理元素中追加/删除事件的好方法,而不是手动触发事件或类似事件 像这样的事情会令人惊讶:Javascript jQuery UL追加事件?,javascript,jquery,events,html-lists,handler,Javascript,Jquery,Events,Html Lists,Handler,我正在寻找一种处理元素中追加/删除事件的好方法,而不是手动触发事件或类似事件 像这样的事情会令人惊讶: $('#id').on("append", function() { ... } 提前谢谢 如评论中所述,您可以使用以下命令触发append函数: (function($) { var origAppend = $.fn.append; $.fn.append = function () { return origAppend.apply(this, arg
$('#id').on("append", function() { ... }
提前谢谢 如评论中所述,您可以使用以下命令触发
append
函数:
(function($) {
var origAppend = $.fn.append;
$.fn.append = function () {
return origAppend.apply(this, arguments).trigger("append");
};
})(jQuery);
$("div").bind("append", function() { alert('Hello, world!'); });
$("div").append("<span>");
如果有参数,它将在所选元素上触发。例如,$('body')。删除('div')代码>将触发正文上的删除事件。但是如果您编写$('div')。remove()
,它将在div
的父级上触发
我做了一把小提琴,看一看:
事件侦听器将是append
和remove
。如果您使用任何其他DOM插入函数(在
之后,在
之前,甚至是
附加到
),它将不会触发。接受的响应非常有趣,但我一直无法使其在删除事件中工作,是否愿意在这方面帮助我?:)这是一个很棒的回答,几乎解决了我的问题。非常感谢好先生!
var origRemove = $.fn.remove;
$.fn.remove = function () {
if(arguments.length){
return origRemove.apply(this, arguments).trigger("remove");
}else{
var $parent = this.parent();
console.log(this)
origRemove.apply(this, arguments);
$parent.trigger('remove');
return this
}
};