首页 > 代码库 > jq动态增加的button标签click回调失效的问题,即$("button.class").click(function)
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)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。