僅在DOM加載后綁定jQuery事件

Question

在頁面的靜態版本中，我有一個js調用：

$(document).on('click','#id_tag', function() {

首次加載文檔時，標識為#id_tag的元素將不在DOM中。 僅當DOM元素出現時，如何使此事件綁定？

注意：在較早的版本中，我將id .id_tag為.id_tag因此下面有注釋

Answer 1

我想你想要這個：

$(document).ready(function(){
   $(document).on('click','.id_tag', function() {
     if($(this)!=null){
         //do ur stuff
     }
  });
});

Answer 2

或這個 -

$(function(){
   // DOM Ready - do your stuff 
   $(document).on('click','.id_tag', function() {
     if($(this)!=null){
         //do ur stuff
     }
  });
});

Answer 3

DOM就緒功能將完成任務！

最簡單的例子就是這樣！

$(function(){
  var $doc = $(document);
  $doc.on('click','#id_tag', function() {
    alert('id_tag is clicked!');
  });
});

Answer 4

簡潔：

$(function(){
    $(this).on('click', '.id_tag', function() {
        //handle click
    });
});

說明：這將導致jQuery將單擊偵聽器附加到整個document元素。 當單擊它時，jQuery然后檢查它是否實際上是被單擊的id_tag類元素。