jquery页面新增元素并删除该元素,其绑定的事件会错位

提壶 发布于 2015/09/23 18:59
阅读 453
收藏 0

我有两种给页面新增元素添加事件的方法.

第一种是:

var message='over';

//行

$('.model3').on( "mouseover mouseout",".lineN",{msg:message}, function(event) {
if(event.data.msg=='over'){
$(this).find(".l0,.l4").css("visibility", "visible");
event.data.msg='out';
}else if (event.data.msg=='out'){
$(this).find(".l0,.l4").css("visibility", "hidden");
event.data.msg='over';
}
});


第二种是:

//行
$('.model3').on( "mouseover",".lineN",{msg:message}, function(event) {
$(this).find(".l0,.l4").css("visibility", "visible");
});
$('.model3').on( "mouseout",".lineN",{msg:message}, function(event) {
$(this).find(".l0,.l4").css("visibility", "hidden");
});

问题就出在:

我用第一种js的时候,我删除了新增的页面元素,其他的页面元素特效就会错位.

而我用第二种js的时候,我删除了新增的页面元素,其他的页面元素特效不会错位.

这一点让我很困惑.刚接触jquery,还希望高人指点!


加载中
返回顶部
顶部