一般情况,我们会在页面初始化完成后对class定义一些全局事件,举个栗子:
$(document).ready(function(){
$(".class").on("mouseover",function(e){
alert("鼠标经过了");
});
});
正常情况下,这样的写法是正确的。可是往往当我们需要通过jquery动态的添加一些html元素到界面时,会发现定义的全局方法对新增元素无效了,举个栗子:
function addDom(){
$("#abc").append("<div class='class'></div>");
}
以前处理的方案是初始化事件时使用live,栗如:
$(".class").live("mouseover",function(){
alert("鼠标经过了");
});
今天使用jquery 1.10.2时居然提示live关键字无效,百度一下,原来在新版本的jquery中去掉了live关键字,新的写法如下:
$(document).ready(function(){
$(document).on("mouseover",".class",function(e){
alert("鼠标经过了");
});
}
至此,完美解决。