Jquery对新插入的节点 绑定Click事件失效的解决方法
1.有人说用 Live, 事实上现在最新的Jquery已经不支持 Live 了。live的解决方法如下:
你可以看这个 也可以不看 ,只是做到心中有数就可以了。下面介绍ON的方法。
live:Live的使用介绍
2.有人用了ON 来解决, 这个解决方法基本在理。
On :On的介绍,能解决问题
On的方法,基本能解决问题,但是你也要根据你的具体情况做选择。并不是每个人的代码都像上面这个案例描述的那么简单。但是万变不离其宗。
我是这样来做的,最终把问题解决了。
我有一个UL 标签是静态的,就是说不是后来动态添加的。
然后我动态添加了像
“<li><a href="#" ....>链接</a></li>”的内容。
我是按下面的方法做的选择。
$("#subul").on('click','li>a', function (e) { //取消冒泡 //var e = e || window.event; // e.stopPropagation(); alert("asssss"); var areaid = this.attributes.getNamedItem("id").nodeValue; alert(areaid); $("#subul>li>a").removeClass("smallBtSelected"); $("#" + areaid).addClass("smallBtSelected"); })
以上这篇Jquery对新插入的节点 绑定Click事件失效的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
jQuery防止重复绑定事件的解决方法
本文实例分析了jQuery防止重复绑定事件的解决方法.分享给大家供大家参考,具体如下: 一.问题: 今天发现jQuery一个对象的事件可以重复绑定多次,当事件触发的时候会引起代码多遍执行. 下面是一个click事件被重复绑定的示例: function reg_button_click(){ $("#button).click(function(){ alert("button click"); }); } $(document).ready(function(){ #重复注册
-
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
$('#check_all').on('click' , function(){ alert(1); }); $("#yujinlist").append(html); count++; } 以上代码执行时,点击#check_all时,alert一直没反应,后在网上查资料时,才知道on前面的元素也必须在页面加载的时候就存在于dom里面, 那原话是这样的: 支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.7之后就不推荐使用了.现在主要用on,使用on的时候
-
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
本文实例讲述了jQuery绑定事件监听bind和移除事件监听unbind用法.分享给大家供大家参考,具体如下: 这里分别采用后bind(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除,unbind(eventType,Listener), 实例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w
-
JQuery在循环中绑定事件的问题详解
有个页面上需要N个DOM,每个DOM里面的元素ID都要以数字结尾,比如说 <input type="text" name="username" id="username_1" value="" /> <input type="text" name="username" id="username_2" value="" />
-
JavaScript中利用jQuery绑定事件的几种方式小结
开发过程中经常要给DOM元素添加一些事件,下面介绍几种方式: 先写几个好看的button //引入JQuery <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <span id="tips"></span> <input type="button" id="btn1"
-
深入理解JQuery循环绑定事件
深入理解JQuery循环绑定事件 <html> <head> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> </head> <body> <script typ
-
jQuery事件的绑定、触发、及监听方法简单说明
如果你在写文章或者 Demo,为了简单,你当然可以用事件监听函数,以及那些事件对象提供的方法等.但在实际中,有一些方法和属性是有兼容性问题的,所以我们会使用 jQuery 来消除兼容性问题. 下面简单的来说一下 jQuery 中事件的基础操作. 绑定事件和事件代理 在 jQuery 中,提供了诸如 click() 这样的语法糖来绑定对应事件,但是这里推荐统一使用 on() 来绑定事件.语法: .on( events [, selector ] [, data ], handler ) event
-
jQuery绑定事件的四种方式介绍
jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码.下面我们来看下jQuery中绑定事件的方式都有哪些. jQuery中提供了四种事件监听方式,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off.在开始看他们之前 一:bind(type,[data],function(eventObject)) bind是使用频率较高的一
-
Jquery对新插入的节点 绑定Click事件失效的解决方法
1.有人说用 Live, 事实上现在最新的Jquery已经不支持 Live 了.live的解决方法如下: 你可以看这个 也可以不看 ,只是做到心中有数就可以了.下面介绍ON的方法. live:Live的使用介绍 2.有人用了ON 来解决, 这个解决方法基本在理. On :On的介绍,能解决问题 On的方法,基本能解决问题,但是你也要根据你的具体情况做选择.并不是每个人的代码都像上面这个案例描述的那么简单.但是万变不离其宗. 我是这样来做的,最终把问题解决了. 我有一个UL 标签是静态的,就是说不
-
vue element-ui 绑定@keyup事件无效的解决方法
解决办法: <el-input v-model="searchParmas.gameName" placeholder="游戏名称" class="w120" @keyup.native="getGameList(searchParmas.gameName)"></el-input> 加上.native覆盖原有封装的keyup事件即可. 以上这篇vue element-ui 绑定@keyup事件无效的解
-
JS中touchstart事件与click事件冲突的解决方法
前言 移动互联网是未来的发展趋势,现在国内很多互联网大佬都在争取移动这一块大饼,如微信及支付宝是目前比较成功的例子,当然还有各种APP和web运用. 下面这篇文章主要介绍了关于JS中touchstart事件与click事件冲突解决的相关内容,下面话不多说了,来一起看看详细的介绍吧. 一 · 业务场景的描述 在对已完成的PC站点进行移动端适配时,我们想要站点在移动设备上有更快的响应速度,以带给用户更好的体验,此时,我们应该使用移动设备专用的事件系统,例如,使用 touchstart 事件代替 cl
-
jquery在ie7下选择器的问题导致append失效的解决方法
1,有如下这样一段html 复制代码 代码如下: <div class="right"id="pending"> <table class="one"width="100%"border="0"cellspacing="0"cellpadding="0"> <tbody> </tbody> </table>
-
jquery mobile页面跳转后样式丢失js失效的解决方法
用ajax跳转的时候,从a.html跳转到b.html后,b.html的css以及js都失效了. 方法: 将当前页面b.html需要用到的css以及js放在<page>div内. 原理: 由于jqm的ajax跳转的时候,只会把b.html中<page>内的内容加载进dom,而<page>外的代码都不会加载,所以导致在<page>外的js和css都失效了.
-
jquery单选框radio绑定click事件实现方法
本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="
-
jQuery支持动态参数将函数绑定到事件上的方法
本文实例讲述了jQuery支持动态参数将函数绑定到事件上的方法.分享给大家供大家参考.具体分析如下: 下面的js代码提供了两种方法用于绑定函数到事件,其中方法二可以传递动态参数,非常实用 //方法一 $('#foo').click(function(event) { alert('User clicked on "foo."'); }); //方法二, 支持动态传参 $('#foo').bind('click', {test1:"abc", test2:"
-
Jquery修改image的src属性,图片不加载问题的解决方法
1. 当点击某一按钮的时候,把图片域中的图片改变一下 <img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" /> <span style="cursor:hand" onclick="reflush();return false;">看不清</span> &l
-
Python3.6-MySql中插入文件路径,丢失反斜杠的解决方法
如下所示: 如上图,replace即可. 以上这篇Python3.6-MySql中插入文件路径,丢失反斜杠的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
jquery ajax多次请求数据时 不刷新问题的解决方法
jquery的ajax在频繁请求数据,或者重复请求数据的时候出现了一个情况,那就是非ie浏览器正常,ie浏览器会设置缓存,导致第二次请求的时候不会刷新,系统报304 not modify, 解决方案: jquery的ajax方法提供配置参数:cache,(只需将属性设置为false即可) 详细: cache:Boolean 默认: true, dataType为"script"和"jsonp"时默认为false如果设置为 false ,浏览器将不缓存此页面. 以上就
随机推荐
- JavaScript正则表达式下之相关方法
- mybatis创建一个或多个新用户 insert 字段和表名不确定时动态添加问题
- iOS实现列表与网格两种视图的相互切换
- java定义二维数组的几种写法(小结)
- 简单实现Java版学生管理系统
- 利用python实现简单的循环购物车功能示例代码
- js实现鼠标感应向下滑动隐藏菜单的方法
- 微信小程序(十九)radio组件详细介绍
- C 语言指针变量详细介绍
- 浅谈javascript的call()、apply()、bind()的用法
- Django中的Ajax
- 信息采集程序
- PowerShell中字符串使用单引号和双引号的区别
- c#连接数据库及sql2005远程连接的方法
- 强大的jquery插件jqeuryUI做网页对话框效果!简单
- 多次注册事件会导致一个事件被触发多次的解决方法
- 对象的类型:本地对象(1)
- c# Winform 程序自动更新实现方法
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- MySQL skip-character-set-client-handshake导致的一个字符集问题