首页 > 其他分享 >事件绑定on与hover事件

事件绑定on与hover事件

时间:2022-12-02 18:45:07浏览次数:27  
标签:function hover 鼠标 绑定 事件 加载

鼠标划入和划出的效果,本来这个小效果是非常简单的!可是在实际的生产环境中就出现了一点点问题!因为在实际的环境中,数据全部是用ajax异步加载进去的,这样就造成了hover方法不能用了。

$('ul li').hover(function(){
     $(this).addClass('hover');
},function(){
     $(this).removeClass('hover');
})

如果想给异步加载的Li加载上鼠标划入和划出事件,那就只能自己绑定两个事件了!
前面是存在的dom元素
$('.template_list').on('mouseenter', '.imgmask', function() {//绑定鼠标进入事件
    $(this).addClass("aaa")
});
$('.template_list').on('mouseleave', '.imgmask', function() {//绑定鼠标划出事件
    $(this).removeClass("aaa")
});

 

标签:function,hover,鼠标,绑定,事件,加载
From: https://www.cnblogs.com/yumeixin/p/16353076.html

相关文章