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

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

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

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

問題 ：

jquery中給元素添加事件是很簡單的，如：添加一個(gè)點(diǎn)擊事件。

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

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

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

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

解決方案：

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

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

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

答案，就是使用on方法

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

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

要使用以下的寫法：

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

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