javascript - 为什么第二个click运行不了啊,第一个运行没问题，第二个点了完全没反应

Question

效果，替换都可以，但是第二个click就是运行不了

Answer 1

改为

$('body').on('click', '#hideButton', function(){
    //此处省略
})

因为你的idhideButton是后来加上去的，绑定时是不存在id 为hideButton的元素

Answer 2

直接绑定到body上就行了 $('body').on('click','#hideButton', function(){

});

Answer 3

1、你把attr改成prop
2、你在绑定click listener函数的时候还没有产生id为hideButton的元素。

Answer 4

因为在js执行的时候$('#hideButton')这个选择器在DOM上找不到.这种形式不是动态的.
改为:

$('#hideButton').on('click',function(){
    alert("111");
})
这种形式是动态的选择器

或是用类标签来标识

$('.hideButton').on('click',function(){
    alert("111");
})

Answer 5

试试时间委派

Answer 6

试试事件委托

Answer 7

动态生成选择器，需要$("body").on("click",'#hideButton',function () {

        alert(1);
    })

Answer 8

事件委托，你在给第二个＃name 加事件的时候，选择器其实是找不到这个元素的， 因为你的id是动态添加上去了

Answer 9

.click()绑定需要已经存在的元素，因为你的id="hideButton"是后来才加的，原来的DOM结构是没有的，所以绑定不了。你可以用事件委托，$('body').on('click', '#hideButton', function(){//点击时要执行的}),作用是把click绑定到body上，当触发事件时会在body里找到"#hideButton"作为触发的对象

Answer 10

.click 改成 .on("click",function(){.....}) 用一下事件委托 试试