我正在互联网上发布jquery教程,我已经找到了一个关于如何使用live的简单代码,我认为live是不推荐的,所以像下面这样修改代码,但是ıt不工作,我预先在做什么?
$(function () {
$("p").on("click", function () {
click: function () {
$(this).after("<p>click</p>");
},
mouseover: function () {
$(this).addClass("deneme");
},
mouseout: function () {
$(this).removeClass("deneme");
}
});
});发布于 2016-10-04 09:24:13
.on绑定到静态元素,而不是动态元素。
$(function() {
$(document).on({
click: function() {
$(this).after("<p>click</p>");
},
mouseover: function() {
$(this).addClass("deneme");
},
mouseout: function() {
$(this).removeClass("deneme");
}
}, 'p');
});.deneme {
color: red;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>ACTION!</p>
发布于 2016-10-04 09:32:01
我认为您使用的是尝试对同一元素上的多个事件使用on,然后删除"click", function ()并尝试如下,
$(function () {
$("p").on({
click: function () {
$(this).after("<p>click</p>");
},
mouseover: function () {
$(this).addClass("deneme");
},
mouseout: function () {
$(this).removeClass("deneme");
}
});
});https://stackoverflow.com/questions/39848536
复制相似问题