首頁 > web前端 > js教程 > Jquery對新插入的節點 綁定Click事件失效的解決方法

Jquery對新插入的節點 綁定Click事件失效的解決方法

韦小宝
發布: 2017-11-29 10:48:40
原創
1827 人瀏覽過

來看看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");
    })
    登入後複製

    以上就是 Jquery對新插入的節點 綁定Click事件失效的解決方法 的所有內容,更多請到PHP中文網搜尋哦!

    相關推薦:

    #jQuery實作尋找最近父節點的方法

    jQuery取得瀏覽器類型與版本號的方法

    高效率Web開發的10個jQuery程式碼片段

    #

    以上是Jquery對新插入的節點 綁定Click事件失效的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板