关于动态生成dom绑定事件失效的原因

之前做项目都是直接用jquery的bind绑定事件,不过当时都不是动态生成dom元素,而是已经页面中原本存在的dom元素进行事件绑定,最近在测试给动态生成的dom绑定事件的时候发现事件失效,于是就测试了一下: 1.事件失效的原因:(1)bind事件绑定只对dom中存在的元素有效,对于我们后来动态增加的元素是监测不到,所以绑定不了 (2)同样,当你使用var aa = document.getElementsByTagName("动态生成的元素");来获取动态生成的元素的时候也是获取不到…

关于 js 动态生成html 绑定事件失效的问题

在实际问题中,也只到使用新版jq 的on 事件进行动态元素的绑定: 是这样 (但是依然没有效果——): $('dom节点').on('click',function(){}) 之后经过查阅发现:正确的写法应该是: $(document).on('click','dom节点',function(){}); 经测试有效果!!!!^.^…

JQ动态生成节点绑定事件无效问题

最近做项目的时候遇见了一个问题,通过jq将动态节点绑定到dom节点上,并且为动态节点绑定方法,此方法再次为动态节点添加动态节点,但在刷新之后,动态节点上的方法失效了,过程为:创建动态节点->动态节点绑定方法->添加动态节点->刷新后点击动态节点方法失效. <!DOCTYPE html><html> <head></head> <body> <div id="liData"> </div>…

解决jquery动态创建元素绑定事件失效问题

存在问题在我们使用jquery动态创建元素后往往会遇到一些问题,如: 给.button按钮绑定了点击时间,执行alert:(1); 点击事件代码如下: <script>$("#add").click(function(){ var btn='<input type="button" class="button" value="del" >'; $("#box").html(btn)…

layui表格点击排序按钮后，表格绑定事件失效解决方法

最近项目使用layui较为频繁,遇到了一个麻烦的问题,网上搜索也没有看到同类型的问题,故此记下来. 需求是点击上图右侧表格中某一个单元格,会触发点击事件如下代码: $("table>tbody>tr>td").click(function(){ chickstr=$(this).attr("data-field"); if(typeof(chickstr)=='string'){ if(chickstr.indexOf("indiCode…

JavaScript Dom 绑定事件

JavaScript Dom 绑定事件 // 先获取Dom对象,然后进行绑定 document.getElementById('xx').onclick document.getElementById('xx').onfocus // 谁调用这个函数,这个this就指向谁 this:当前出发事件的标签.全局对象 window 一.绑定方式 <input id='i1' type='button' onclick='ClickOn(this)'> function ClickOn(this){…

Android开发（十六）——Android listview onItemClick事件失效的原因

参考: Android listview onItemClick事件失效的原因.http://blog.csdn.net/wangchun8926/article/details/8793178…

HTML中动态生成内容的事件绑定问题【转载】

转自 http://www.hitoy.org/event-binding-problem-of-dynamically-generated-content.html 由于实际的需要,有时需要往网页中动态的插入HTML内容,并在插入的节点中绑定事件处理函数.我们知道,用Javascript向HTML文档中插入内容,有两种方法,一种是在写HTML代码写入JS,然后插入到文档中:另外一种是通过ajax的方式,从服务器获取数据,然后用js把获取的数据经过处理后插入文档中:两种方法各有特点,本文将分析新…

jquery每次动态加载dom,绑定事件会多一次,

jquery绑定事件,每次动态加载dom,绑定的事件会加1,比如动态加载dom5次,点那个点击事件会弹出5次解决办法就是在每次绑定之前解绑定. $('.seek-footer .btn1').off('click'); // 先解绑 $('.seek-footer .btn1').on('click',function () {}) 再绑定…

jQuery1.9之后使用on()绑定动态生成元素的事件无效

来自互联网: 需要绑定a的父级元素(此元素必须为静态元素,不是后来动态生成的),然后设定on()方法的selector参数才行: $('p').on('mouseenter', 'a', function(){ //.............. }); 也就是说<p>元素必须为页面加载的时候就有的,不是动态生成的.这样才行.…

jQuery使用on()绑定动态生成元素的事件无效

jquery on()方法是jquery1.7+后才使用的由于需求:动态添加了以下代码 <tr class="pj" data-val="no"> <th id="first_tr" rowspan="1" colspan="1" data-id="xxx">自我评价<button type="button" title="添…

Vue2.x与bootsrap-table动态添加元素和绑定事件无效

一.问题: 最近在使用vue与bootstrap-table结合生成表格时,按以前的经验----每列数据可用formatter:function(value,row,index){}进行一些其他的操作,动态拼接的html元素和绑定的方法事件都可正常执行,但在vue内使用后,拼接的元素显示正常,其绑定的方法却失效了.F12查看元素时发现绑定的@click=""被解析成字符串. 二.原因: 这是由于vue的生命周期导致的,vue在初始化时@click已编译,但此时boostrap-…

ajax动态刷新的元素,导致绑定事件失效

jquery事件绑定有2种方式: 1,普通事件绑定: $('元素').click(function(){}); 2, 事件代理或者叫事件委托 $('#chatPanelList').on('click','.leftMsg .msgDiv .msgText .stionsList li .answerBtn',function(e) {}); 结: 如果动态生成的则无法绑定事件.你可以用事件委托来处理. 产考链接: https://blog.csdn.net/linsygod/article/d…

Flask ajax 动态html 的javascript 事件失效

$('.db_edit').click(function(){ $(".editdbproduct").val($(this).parent().parent().find('.editdb_product').text()); $('.editdbserver').val($(this).parent().parent().find('.editdb_host').text()); $('.editdbname').val($(this).parent().parent().find…

jquery 动态新增元素绑定事件

在jquery1.7以前使用live方法进行绑定,由于年代久远,这里就不介绍了. 在jquery1.7以后我们使用的on方法,这里需要注意的一点就是:如果想让动态生成的元素,都绑上事件,on前面的选择器必须是选择id,否则无法绑定新增元素. $('#sysMain').on('change', 'select[name="busi"]', function(){ //To Do })…

Jquery 在动态元素上绑定事件

弄了很久却没有弄出来,感觉没有错,但是动态元素上的事件根本就不响应,代码如下: <input type="button" id="btnyes" value="确定" /> <div id="divcontent"> </div> <script> $(function () { $("#btnyes").on("click", funct…

js 动态生成html 触发事件传参字符转义

通常,在使用 JS 动态生成 html 的过程中,会嵌入相应的样式.事件等属性元素,而这时经常会出现所谓的 “单.双引号不够用” 的情况,别急,这时可以利用 html 语言中的转义字符来解决.下面就来介绍一下相应的转义字符吧: & —— (ampersand) 转义字符对应为 & “ —— (double quote) 双引号,转义字符对应为 " ' —— (single quote)单引号,转义字符对应为 ' < —— (less than) 小于号,…

jquery appaend元素中id绑定事件失效问题

1. 在jquery中append元素,如果该元素中有id值并且绑定事件,那么该id事件会失效,必须刷新一下才能使用. 2.解决办法: 举例:如果在一个<div class="title"></div>中,通过append添加一个id="demo"的按钮,常用的直接$("Selector").on("eventType",function(){})监听事件函数不起作用,例如该按钮的点击监听事件应该这样写…

jquery绑定事件失效的情况(转)

原文地址:http://www.thinksaas.cn/group/topic/348453/ jQuery中文api地址:http://www.jquery123.com/api/ jQuery官网api地址:http://api.jquery.com/ 现在的web项目,不使用jquery的恐怕极少.但是在使用jquery时,也会发现一些异常的情况. 一般我们如下绑定点击等事件: <div class="music"> <ul> <li>01.…

jQuery动态添加元素并绑定事件

写网页的时候常常需要根据实际情况添加新的元素,然后这些新元素还需要绑定已有的事件,如:有一ul,点击其中某 li,根据其 id 或 value 等获取新的数据列表,并新建 ul 显示,新 ul 中的 li 标签绑定相同的点击事件,具有相同功能. 问题1 新建标签未绑定方法,$("li").bind("click",clickLi) 只是在 document ready 的时候执行一次,新增的 li 并没有绑定 clickLi 方法: $(function() {…

Jquery 页面元素动态添加后绑定事件丢失方法,非 live

代码1: 以此方法绑定的input框事件,在通过add按钮后用jquery绑定的事件 alert就会丢失 <input type="button" value="Add" name="test_but" /> <div id="test_div"><input name="test_input"/></div> <script> $('input[…

Jquery获取DOM绑定事件

获取到当前正在执行的事件: $('#testDive').bind('click', function(event){alert('event: ' + event.type)}); 获取所有绑定事件: $._data(document.getElementById('testDive'), 'events');…

JQuery对于动态生成的标签绑定事件失效

JQuery对整个html文档进行dom操作后,我们要想动态绑定事件,有两种方法 1.在进行dom操作时,在标签中写上onclick="afun()" 2.利用document的操作,代码如下,优先推荐下边这种方式 $(document).on("click","#id",function(){ //事件的方法 });…

关于JQ中,新生成的节点on绑定事件失效的解决

老旧的JQ库在做新生成DIV的click事件绑定,需要先绑定其现有的父元素,在追踪到需要事件绑定的子节点上如以下这段代码$(".t_in").on("click", '.close', function () { $ (".t_in").children().remove(); $ (".bg,t_wrap").addClass("hide")});…

jquery动态生成dom(比如append)导致js事件无效

如果无效用这个方法: on() 方法在被选元素及子元素上添加一个或多个事件处理程序. <div id="zkdiv"> <input type="button" value="展开" id="zk" class="zk"/> <br> </div> $("#zkdiv").on("click",".zk&qu…

jQuery1.9及其以上版本中动态元素on绑定事件无效解决方案

jQuery 1.9/2.0/2.1及其以上版本无法使用live函数了,然而jQuery 1.9及其以上版本提供了on函数来代替.本文讲解了jQuery on函数的使用方法,以及在使用jQuery函数中遇到的一些问题. $(selector).on(event,childSelector,data,function,map) 各个参数说明如下: 参数描述 event 必需.规定要从被选元素移除的一个或多个事件或命名空间.由空格分隔多个事件值.必须是有效的事件. childSelector 可选…

DOM 绑定事件

// 1.获取事件源 var oDiv = document.getElementById('box'); console.log(oDiv); //2.事件 (1)直接绑定匿名函数 oDiv.onclick = function(){ // 3.事件驱动 alert(1);…

DOM绑定事件

addEventListener(event,function,useCapture)event:事件名,比如clickuseCapture布尔值,指定事件是否在捕获或冒泡阶段执行. 可能值: true - 事件句柄在捕获阶段执行 false- false- 默认.事件句柄在冒泡阶段执行 IE特有的target.attachEvent(type, listener); target: 文档节点.document.window 或 XMLHttpRequest. type: 字符串,事件名称,含“…

利用jQuery中live为动态生成Dom添加datepicker效果

利用Live属性,focus时重新绑定控件 $(".datepickerDom").live("focus", function () { $(this).datepicker({ dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true }); });…

关于ajax请求后js绑定事件失效问题解决方法

【关于动态生成dom绑定事件失效的原因】的更多相关文章