$(".addmobile").click(function () { var _html = '<div class="form_group"><div class="form_input"><input type="text" class="ip" value="" name="storename" style="67%;" />
<img src="/lib/module/images/reduce.png" class="reducemobile" /></div></div>'; $("#newmobile").append(_html); });
<div id="newmobile"><div>
往newmobile里面添加新的元素,当给reducemobile添加点击事件是无效
如:
$(".reducemobile").click(function () { alert("进来了"); })
上面这段代码无效
面对jquery append 动态添加的元素事件无效,我们该如何解决呢?
方法中要先找到原选择器(如例#newmobile),再找到动态添加的选择器(如列.reducemobile)。
$("#newmobile").click(".reducemobile",function () { alert("进来了"); })
这样就有效了,但是这个方法的this指的是父容器newmobile
如果想this是当前的.reducemobile,代码如下
$("#newmobile").on("click",".reducemobile", function () { alert("进来了"); })