鼠标划入和划出的效果,本来这个小效果是非常简单的!可是在实际的生产环境中就出现了一点点问题!因为在实际的环境中,数据全部是用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