事件绑定on与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")
});