首頁  >  文章  >  web前端  >  解決Jquery向頁面append新元素之後事件的綁定問題_jquery

解決Jquery向頁面append新元素之後事件的綁定問題_jquery

WBOY
WBOY原創
2016-05-16 16:09:16926瀏覽

  我先看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:我是新手菜鳥,大神勿噴!

以上就是本文的全部內容了,希望大家能夠喜歡。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn