Jquery向頁面append新元素之後，如何解決事件的綁定問題？

標籤：

　　今天有get到一個新知識點，就是當我們向頁面添加新的元素之後，載入之前的函數方法就對新元素失效了，下面我來說說如何解決這個問題的？

　　我先看jq api文檔沒有找到方法，無果只好到網上找些資料，果然找到live方法。

　　其實很簡單：

　　

　　1.這是項目要求達到的效果，當我沒用live事件，只用了簡單的hover事件時：hover事件沒有載入進來，沒有我想要的邊框效果，如下

　　/*經過使用者技能標籤增加樣式*/
　　　　$(function(){　　　

　　　　　　$(".s-edited").hover(function(){　　

   　　　　　$(this).toggleClass("borderd");

　　　　　　})

　　　　})　　

　　　　2.當我用了live之後，效果達到了，如：

　　　

　　　　代碼如下：

　　　　/*經過使用者技能標籤增加樣式*/
　　　　$(".s-edited").live("hover",function(){
　　　　　　$(this).toggleClass("borderd");
　　　　})

　　　　我仔細的看了一下關於live的介紹，

　　　　給所有當前以及 將來 會匹配的元素繫結一個事件處理函數（比如hover事件）。也能綁定自訂事件。
　　　　
　　　　PS：我是新手菜鳥，大神勿噴！

 

Jquery向頁面append新元素之後，如何解決事件的綁定問題？