button 的点击事件不响应
来源:互联网 发布:杀肖数据统计资料区 编辑:程序博客网 时间:2024/05/22 05:07
在项目中,给页面动态添加内容,然后给动态添加的button的点击事件不生效。
在Jquery中动态添加内容如下所示:
var bgbackground = '<div id="bg">' + '</div>'; $("body").append(bgbackground); //遮罩层 // 提示框 var alert_content = '<div id="prompt_msg">' + '<p class="p1"> 是否接著添加紅包 </p>' + '<button class="p2" id="yesBtn">是</button>' + '<button id="noBtn" class="p2" style="margin-left: 61px;"> 否 </button>' + '</div>'; $("body").append(alert_content); //弹窗
显示效果如下:
动态添加的内容:遮罩层和弹窗。
在Jquery中定义 按钮“是”的点击事件:
$(function(){ $('#bg').css("display","none"); $('#prompt_msg').css("display","none");})
目的:点击“是”,则关闭弹窗和遮罩层。但是并没有达到预期的效果。
原因分析:通过在console调试,发现并不能进入点击事件。在这里 我们是在Jquery框架写的函数,并且内容是动态添加的,通过$符号获取不到“是”按钮这个 对象。
解决方法:直接用js定义点击事件,在元素上绑定点击事件
var bgbackground = '<div id="bg">' + '</div>'; $("body").append(bgbackground); // 提示框 var alert_content = '<div id="prompt_msg">' + '<p class="p1"> 是否接著添加紅包 </p>' + '<button class="p2" id="yesBtn" onclick="clickYesBtn()">是</button>' + '<button id="noBtn" class="p2" style="margin-left: 61px;"> 否 </button>' + '</div>'; $("body").append(alert_content);
如上面红色部分所示:onclick="clickYesBtn()"
js代码如下:
function clickYesBtn(){
$('#bg').css("display","none");$('#prompt_msg').css("display","none");}
问题:console提示 clickYesBtn() is not a function.
解决方法:将函数定义成如下形式
//点击提示框的“是“按钮事件clickYesBtn = function(){$('#bg').css("display","none");$('#prompt_msg').css("display","none");}
最终问题解决了
阅读全文
0 0
- button 的点击事件不响应
- tableHeaderView中的button点击事件不响应
- button响应点击事件的方法
- button 不响应事件
- 关于在tableview的footerView上添加button的点击不响应事件
- android listviewListview中的button点击事件或者是onitemclick不响应的问题
- iOS开发中两层view上的button不响应点击事件
- Button响应鼠标点击事件
- 解决父布局具有点击效果,但是子布局的Button不响应点击事件的问题
- ListView的item点击事件不响应
- AndroidStudio下的点击事件不响应
- 点击事件不响应的问题
- 按钮Button及各种点击事件的响应
- Winform不同窗口的Button响应同一个点击事件
- Android Button响应点击事件的几种方法大合集
- ListView点击事件不响应。
- Button的点击事件
- Button的点击事件
- 最全Pycharm教程(20)——Pycharm编辑器功能之模板应用
- 深入BFC块级格式化上下文
- java排序算法之 --- 选择排序
- ASP.NET笔记(一)——一般处理程序
- 微信公众号开发(八)用户管理
- button 的点击事件不响应
- 【变量引用】面向对象程序设计上机练习四(变量引用)
- 数据结构第二周项目3(2)--体验复杂度之汉诺塔
- MySQL MMM高可用方案
- C#梳理【预处理指令】
- 垃圾回收机制之触发Full GC的情况
- UVa 7037 ACM/ICPC 2014 Xian(网络流+最大密度子图)
- Go语言中的map用法
- 为什么输出对象时,调用toString()?