jq动态增加的button标签click回调失效的问题,即动态增加的button标签绑定事件$("button.class").click(function)无效
2024-08-21 14:22:26
对于新增加的页面元素,改变了页面结构,如果是使用老办法$("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>');
});
最新文章
- 使用Grunt构建自动化开发环境
- CString转string
- 中值排序的java实现
- Java版的Quartz表达式生成器,同时适用于Quartz.net(免费下载)
- float塌陷有关问题
- Python的numpy库下的几个小函数的用法
- AndroidStudio 应用(一)
- 点分十进制IP校验、转换,掩码校验
- Delphi MDI程序 父窗体如何调用当前活动子窗体的函数/过程
- 图解 CSS: 理解样式表的逻辑(转载)
- berserkJS(大名:狂暴JS / 昵称:疯子JS)
- [Poetize I]守卫者的挑战
- [C++程序设计]内置函数
- JS脚本显示当前日期+星期几[转]
- 2017ecjtu-summer training #4 UESTC 1599
- 多线程中join()的用法
- js--DOM&;BOM总结思维导图---2017-03-24
- layui从子iframe打开父iframe的tab选项卡
- 记上海技术交流会之行备忘录(superset与odoo整合)
- 【概括】C++11/14特性