当前位置: 首页 > 编程笔记 >

Jquery对新插入的节点 绑定Click事件失效的解决方法

宰修能
2023-03-14
本文向大家介绍Jquery对新插入的节点 绑定Click事件失效的解决方法,包括了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给元素绑定click事件多次执行的解决方法,包括了JQuery给元素绑定click事件多次执行的解决方法的使用技巧和注意事项,需要的朋友参考一下 原绑定方法: 这种方法只会在原click方法中继续添加新方法; 解决办法更改绑定方法为: 在绑定新click方法前对元素所绑定的click方法解绑

  • 本文向大家介绍解决vue 绑定对象内点击事件失效问题,包括了解决vue 绑定对象内点击事件失效问题的使用技巧和注意事项,需要的朋友参考一下 突然的发现某段 html 代码中点击事件失效了。 仔细观察才发现,这段代码内的元素都在 vue 绑定对象中。 因此失效。 解决办法是将绑定对象内的元素点击事件换成 v-on:click。 以上这篇解决vue 绑定对象内点击事件失效问题就是小编分享给大家的全部内

  • 本文向大家介绍解决jquery appaend元素中id绑定事件失效的问题,包括了解决jquery appaend元素中id绑定事件失效的问题的使用技巧和注意事项,需要的朋友参考一下 1. 在jquery中append元素,如果该元素中有id值并且绑定事件,那么该id事件会失效,必须刷新一下才能使用。 2.解决办法: 举例:如果在一个<div class="title"></div>中,通过app

  • 本文向大家介绍jquery 新建的元素事件绑定问题解决方案,包括了jquery 新建的元素事件绑定问题解决方案的使用技巧和注意事项,需要的朋友参考一下 js的事件监听跟css不一样,css只要设定好了样式,不论是原来就有的还是新添加的,都有一样的表现。而事件监听不是,你必须给每一个元素单独绑定事件。 常见的例子是处理表格的时候。每行行末有个删除按钮,点了这个能够删除这一行。 通常,我会这么绑定 对

  • 本文向大家介绍iOS下Safari点击事件失效的解决方法,包括了iOS下Safari点击事件失效的解决方法的使用技巧和注意事项,需要的朋友参考一下 前言 本文主要给大家介绍了关于在iOS下Safari浏览器点击事件失效的相关解决方案,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。 问题描述 当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body

  • 本文向大家介绍JQuery调用绑定click事件的3种写法,包括了JQuery调用绑定click事件的3种写法的使用技巧和注意事项,需要的朋友参考一下 第一种方式:  第二种方式: 第三种方式: 注意:第三种方式只适用于jquery 1.7以上的版本 源码如下: