[英]Binding multiple event handler pairs on dynamically generated elements in jquery with on
我的类my-class
有一些动态生成的元素,我想在这些元素上绑定一些事件。 我有下面的代码,可以正常工作。
$(document).on("event1", ".my-class", function () {
alert("Event 1");
});
$(document).on("event2", ".my-class", function () {
alert("Event 2");
});
我想重构它,这样可以有一个调用on
的类别。 像这样
$(document).on(".my-class", {
"event1": function() {alert("Event1")},
"event2": function() {alert("Event2")}
});
在jQuery中这可能吗?
也许有更好的方法,但是我以前使用过它,对我有用:
我不会委托该文档,而是使用最近的父容器。
JS:
$('body').on('click mouseenter', 'div', function(e) {
if (e.type === 'click') {
$('div').html('clicked');
}
else { //you'd need an else if here if you had more than two event types
$('div').html('mouse enter');
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.