Rumah > hujung hadapan web > tutorial js > Jquery对新插入的节点 绑定Click事件失效的解决方法

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

韦小宝
Lepaskan: 2017-11-29 10:48:40
asal
1823 orang telah melayarinya

来看看Jquery对新插入的节点 绑定Click事件失效的解决方法,来学习一下怎么解决jQuery绑定click失效的方法吧,加强对jQuery的认知!

1.有人说用 Live, 事实上现在最新的Jquery已经不支持 Live 了。live的解决方法如下:

你可以看这个 也可以不看 ,只是做到心中有数就可以了。下面介绍ON的方法。

live:Live的使用介绍

2.有人用了ON 来解决, 这个解决方法基本在理。

On :On的介绍,能解决问题

On的方法,基本能解决问题,但是你也要根据你的具体情况做选择。并不是每个人的代码都像上面这个案例描述的那么简单。但是万变不离其宗。

我是这样来做的,最终把问题解决了。 

我有一个UL 标签是静态的,就是说不是后来动态添加的。

然后我动态添加了像

  • 链接
  • ”的内容。

    我是按下面的方法做的选择。

    $("#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");
    })
    Salin selepas log masuk

    以上就是 Jquery对新插入的节点 绑定Click事件失效的解决方法 的所有内容,更多请到PHP中文网搜索哦!

    相关推荐:

    jQuery实现查找最近父节点的方法

    jQuery获取浏览器类型和版本号的方法

    高效Web开发的10个jQuery代码片段

    Atas ialah kandungan terperinci Jquery对新插入的节点 绑定Click事件失效的解决方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

    Label berkaitan:
    sumber:php.cn
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan