cli fun 无效 brush 一次 动态 javascrip 有道
当点击按钮 1 时为元素 b 动态添加类 discounted,并对具有类 discounted 的元素 b 进行点击事件
- $(".btn1").click(function(){
- $(".b").addClass("discounted");
- });
- $(".b.discounted").on("click",function(){
- alert("1111");
- })
以前以为动态插入的元素直接用 on 便可以进行操作,但今天试了很多次都没成功
看到网上说当动态生成元素的同时也动态生成事件过程,而不是先生成一个子虚乌有的事件来等着元素对号入座。
觉得很有道理
因为当程序第一次运行到
- $(".b.discounted").on("click",
- function() {
- alert("1111");
- })时找不到对象,程序就会判定为出错,那个这个事件代码就无效了。
修改代码为
- $(".btn1").click(function() {
- $(".b").addClass("discounted");
- $(".b.discounted").on("click",
- function() {
- alert("1111");
- })
- });
就 ok 了
js 动态插入的元素点击无效
来源: http://www.bubuko.com/infodetail-2072795.html