jq动态增加的button标签click回调失效的问题，即$("button.class").click(function)
Posted alanlamp
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jq动态增加的button标签click回调失效的问题，即$("button.class").click(function)相关的知识，希望对你有一定的参考价值。
对于新增加的页面元素，改变了页面结构，如果是使用老办法$("button.class").click(function)去监听新的button标签事件，会失效。
笔者的应用是文字的显示和隐藏之间的切换，给出我的代码：
解决办法：
$(document).on("click",".showPwd",function () {
// alert("show now:" + );
$(this).parent().html(
$(this).attr("key")+‘ ‘+
‘<button class="btn btn-default btn-sm hidePwd" key="‘+$(this).attr("key")+‘"><span class="glyphicon glyphicon-eye-close"></span></button>‘);
});
$(document).on("click",".hidePwd",function () {
//alert("show now");
$(this).parent().html(‘<button class="btn btn-default btn-sm showPwd" key="‘+$(this).attr("key")+‘"><span class="glyphicon glyphicon-eye-open"></span></button>‘);
});
以上是关于jq动态增加的button标签click回调失效的问题，即$("button.class").click(function)的主要内容，如果未能解决你的问题，请参考以下文章