jquery 动态添加的元素 绑定事件click失效

这就是“为未来元素添加事件”的方法了，

jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

$("div#id").on("click","button.do",function(){

    //具体的内容

})

上面这段代码解释起来就是，给div#id绑定一个click事件，并且触发事件的对象为button.do时，开始执行具体的内容。

不管button.do是否为已经存在的，还是未来添加的，都能执行。

对于你的问题，同理就能解决，

$("input[type='checkbox']").click

你的这句，把事件绑定到最近的父元素里，不要绑在离“太远”的父元素上，影响代码的执行效率，

如果第一次点击无效 就出现在你第一句值的判断上了，

你如果要判断值是否和默认的值一样 不要在程序里自己手动设置，而让它直接读取：

var defaultHtml=$(this).html()

然后你程序里和这个defaultHtml的值来比较。

因为你的第二句，值是在程序里设置的，所以在程序里进行比较的时候不会出错，

但你第一句，你是用读取到的值和你手动设置的值进去比较，容易出现多个空格 或少个空格 什么的情况，所以才会比较不出来。

$('.class').on("click",function(){……})相当于$('.class').bind("click",function(){……})

$(document).on("click",'.class',function(){……})相当于$('.class').live("click",function(){……})

js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

---