jquery中怎么給不存在的元素添加事件

發布時間：2020-12-28 09:04:12 來源：億速云閱讀：296 作者：小新欄目：web開發

小編給大家分享一下jquery中怎么給不存在的元素添加事件，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

jquery給不存在的元素添加事件的方法：1、【jquery1.9】版本之前，使用live方法，代碼為【$("#id").live("click", function ()】；2、【jquery1.9】版本之后，使用On方法。

jquery給不存在的元素添加事件的方法：

問題：

jquery中給元素添加事件是很簡單的，如：添加一個點擊事件。

$(選擇器).click(function(){ 
  );

但是，項目中做了ajax分頁，第一頁直接加載，使用上述方法，完全沒有問題。但是用在使用ajax分頁，其它頁的內容，都是后面通過innerHTML來進行添加，添加后的元素就沒有相關的事件了。

其實，原因也很好理解就是在最開始添加事件時，其它頁的元素并不存在，后面通過innerHTML添加后，標簽是有了，但是對應的事件卻是沒有的。

那么，如何解決上面的總結呢？？給不存在的元素也添加事件

解決方案：

使用live方法：給不存在的元素，綁定事件

$("#id").live("click", function () { 
            alert("ok"); 
     });

但是，jquery 1.9+版本后，就刪除了live方法. 那用什么方法來替換live呢？

答案，就是使用on方法

$("#id").on("click",function(){ 
           alert("ok"); 
   });

但是，使用了on方法，發現還是無效，語法沒有問題，那為啥沒效，答案是不應該這樣寫，如果是給不存在的元素添加事件，

要使用以下的寫法：

$(document).on("click",'#id', 
     function(){ 
        alert("ok"); 
    });

以上是“jquery中怎么給不存在的元素添加事件”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站