jquery如何為不存在的元素添加事件

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

本教學操作環境：windows7系統、jquery3.2.1&&jquery1.9版本，DELL G3電腦。

推薦：jquery影片教學

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"); 
    });

使用，以上的寫法，問題就解決了. 相關免費學習推薦：

javascript

######（影片）#########

以上是jquery如何為不存在的元素添加事件的詳細內容。更多資訊請關注PHP中文網其他相關文章！