JQuery动态生成的按钮无法触发问题与解决方法

2024-09-06

jquery中动态新增的元素节点无法触发事件解决办法

在使用jquery中动态新增的元素节点时会发现添加的事件是无法触发的,我们下面就为各位来详细的介绍此问题的解决办法．比如做一个ajax读取留言列表的时候,每条留言后面有个回复按钮,class为“reply”,如果你用的是$(".reply").click(function(){ //do something... }),想必后面通过ajax加载进来的列表中的回复按钮,点击事件会失效. 其实最简单的方法就是直接在标签中写onclick="",但是这样写其实是有点lo

浏览器后退按钮导致jquery动态添加的select option值丢失的解决方法

监控浏览器返回功能判断浏览器返回功能禁用浏览器的后退按钮 JS禁止浏览器后退键 http://volunteer521.iteye.com/blog/830522/ 浏览器返回功能判断上一页面来源怎么样判断页面是由history.back返回的? document.referrer http://bbs.csdn.net/topics/370163049 js中使用document.referrer来判断上一页面来源 http://blog.163.com/chigar@126/blo

Jquery 动态生成表单并将表单数据批量通过Ajax插入到数据库

利用Jquery 动态生成 Table 表单之后利用each 方法来遍历所有文本框获取文本的value值并通过Ajax 将数据提交到Web服务里把数据插入数据库 Html页面 <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/htm

C# 动态生成的按钮及定义按钮的事件的代码

内容闲暇时间,把内容过程中比较常用的内容备份一下,如下的内容内容是关于C# 动态生成的按钮及定义按钮的事件的内容,应该对码农们也有用途. HtmlGenericControl control = new HtmlGenericControl("input");control.Attributes.Add("type", "button");control.Attributes.Add("onclick",Page.Client

jQuery动态生成<select>下拉框

前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方式 (1)将数据放在model中,JSP页面用EL表达式${}取出,该方式缺点是数据更改时必须刷新整个页面,本文不过多描述. (2)就是本文要说的jQuery动态生成了,该方式适合数据频繁变动的场景. 2.<select>组成 <select> <option value=”aa

Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法

Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法 2014-03-27 11:44:46| 分类: Easy UI|举报|字号订阅可以使用$.parser.parse();这个方法进行处理: 例如: $.parser.parse(); 表示对整个页面重新渲染,渲染完就可以看到easyui原来的样式了: var targetObj = $("<input name='mydate' class='easyui-datebox'>"

JqueryMobile动态生成listView并实现刷新的两种方法

本篇文章主要是对JqueryMobile动态生成listView并实现刷新的两种方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 JqueryMobile动态生成listView并实现刷新的两种方法代码如下: function queryEntfernungen(tx, results) alert("This Hello works"); var len = results.rows.length; // This For works fine for (var i =

[转载][jQuery] Cannot read property ‘msie’ of undefined错误的解决方法

参考 [jQuery] Cannot read property ‘msie’ of undefined错误的解决方法 ---------------------------------------------邪恶的分割线哇-------------------------------------------------------------- 可以使用两个方法: 1. 使用 jQuery Migrate插件 <script src="http://code.jquery.com/jqu

[jQuery] Cannot read property ‘msie’ of undefined错误的解决方法

最近把一个项目的jQuery升级到最新版,发现有些页面报错Cannot read property ‘msie’ of undefined.上jQuery网站上搜了一下,原因是$.browser这个api从jQuery1.9开始就正式废除,js代码里只要用到$.browser就会报这个错.具体说明参见jQuery官方说明. 楼主顺便扩展阅读了一下,发现jQuery· 1.9之后的版本把所有在早期版本里标记为deprecated的api都正式删除了,不再向后兼容.对于升级到最新jQuery的童鞋而

jquery升级到新版本报错[jQuery] Cannot read property ‘msie’ of undefined错误的解决方法(转)

最近把一个项目的jQuery升级到最新版,发现有些页面报错Cannot read property 'msie' of undefined.上jQuery网站上搜了一下,原因是$.browser这个api从jQuery1.9开始就正式废除,js代码里只要用到$.browser就会报这个错.具体说明参见jQuery官方说明. 楼主顺便扩展阅读了一下,发现jQuery· 1.9之后的版本把所有在早期版本里标记为deprecated的api都正式删除了,不再向后兼容.对于升级到最新jQuery的童鞋而

jquery ui中 accordion的问题及我的解决方法

原文:jquery ui中 accordion的问题及我的解决方法 jquery有一套所谓的ui组件,很不错的.如果有兴趣的朋友,可以参考http://jqueryui.com/ 但其中的accordion,我使用的时候发现一些问题.如果按照demo那样,写一些静态内容,倒也正常.但如果每个面板里面的内容是动态绑定的,则会发生高度变小,然后出现滚动条的诡异现象 <%@ Page Language="C#" %> <%@ Import Namespace="S

Log4Net 生成多个文件、文件名累加解决方法

Log4Net 生成多个文件.文件名累加解决方法项目中的WCF服务里采用Log4Net用来记录异常日志,但部署后,生成的日志会出现多个累加文件,如下图: WCF是寄宿在IIS上,包含了5个SVC服务.打开日志文件,发现记录的引发异常的Thread ID都不一样,猜测是多线程读写日志文件, 配置信息里指定文件的被占用后,重新建立了新的日志文件,删除日志文件也会出现警告信息: 解决方法: 在appender节点里添加: <param name="lockingModel" type

[jQuery] Cannot read property ‘msie’ of undefined错误的解决方法 --转

初用Yii的srbac模块.出现 Cannot read property ‘msie’ of undefined 错误.上网查询,找到如下的文章.使用文末的打补丁的方法,成功搞定.感谢. =============================== http://blchen.com/jquery-can-not-read-property-msie-of-the-undefined-error-solution/ 最近把一个项目的jQuery升级到最新版,发现有些页面报错Cannot re

jquery 动态生成html后click事件不触发原因

转自:http://www.iam3y.com/html/560.html 最近在做一个项目的时候,遇到动态加载微博内容,然后点击“展开评论”后获取该微博的所有评论.这里使用了动态加载的<span mid=’123456789′ class=’get_comment’>点击加载评论</span>. 然后再写 $(“.get_comment).click(function(){ //响应事件逻辑 }) ,发现click事件并不会触发,使用控制台侦听也木有错误.百思不得其解时,将焦点落

毕业设计---jQuery动态生成的a标签的事件绑定

这几天在毕业设计的前端设计阶段,准备放弃使用jsp,完全通过html+ajax+SSH进行网站的编写,在前端的页面显示我准备使用jQuery来实现数据的动态绑定.但是遇到动态添加的a标签无法直接通过$(element).click();来添加点击事件,通过网上的查询,在动态添加的标签绑定事件需要通过事件委托而非事件绑定. $("body").on("click", ".delete", function (){ del($(this).paren

jquery 动态添加的代码不能触发绑定事件

今天发现jQuery对动态添加的元素不触发事件,比如blur.click事件等参考文章证明了我的结论,并给出了原因及解决方案原因:程序找不到动态添加的节点. 解决方案:在绑定父元素后的子元素 $('父元素').on('click','动态的子元素',function(){}); 20180822:今天发现一个元素要绑定两个点击事件(一个父元素一个子元素),先后顺序不能控制于是化繁为简,在元素后面加了onclick事件,事件优先级onclick>click>on()(@参考博客).

jquery动态生成html代码绑定事件

今天工作中需要在页面动态生成html代码,但发现新生成的代码的click事件失效了(非动态生成的代码已经绑定了click事件),于是在网上找了很多解决办法,很多都比较复杂,且使用的jquery都比较老,于是结合网上加上自己的测试,找到了一种解决方法. 我使用的jquery是1.9.11,jquery1.7之后就将live方法废弃了,新增了on和off方法,我的解决办法就是使用on方法,首先看代码: <div class="h3"> <h3>李健1</h3&

jquery动态生成二维码添加自定义logo

动态生成二维码中间带logo. jquery.qrcode.js 动态生成二维码api很简单. 引入jquer(版本任意),引入jquery.qrcode.js 不需要中间带logo这样就可以了.带logo需要引入一段js function utf16to8(str) { var out, i, len, c; out = ""; len = str.length; for(i = 0; i < len; i++) { c = str.charCodeAt(i); if ((c

jquery动态生成的元素添加事件的方法

动态生成的元素如果要添加事件,要写成 $(document).on("click", "#txtName", function() { alert(this.value); }); 作者:小路 QQ:2490024434 出处:http://www.cnblogs.com/lengzhan/本文版权归[冷战]和博客园所有,欢迎转载收藏,未经作者同意须保留此段声明,否则保留追究法律责任的权利.

Jquery 动态生成的元素绑定事件

使用 on方法 $("#id1").on("click","#id2",function(){}) 这里要注意的是#id1必须是原来就存在的! id2 是动态生成的且包含在id1内

jq给动态生成的标签绑定事件的几种方法

经常遇到给动态生成的标签绑定事件不好用,自己简单测试总结了下,结论如下了: body>  <div id="d2"> 生成a标签 </div> <div id="d3"> <input type="button" value="生成a标签" id="btn" /> </div> <

JQuery动态生成的按钮无法触发问题与解决方法

热门专题