一般情况,我们会在页面初始化完成后对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("鼠标经过了"); }); }
至此,完美解决。