1. 程式人生 > >Jquery 對新插入的節點 繫結Click事件失效

Jquery 對新插入的節點 繫結Click事件失效


1.有人說用 Live, 事實上現在最新的Jquery已經不支援 Live 了。live的解決方法如下:

你可以看這個 也可以不看 ,只是做到心中有數就可以了。下面介紹ON的方法。

2.有人用了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");

})