仅在DOM加载后绑定jQuery事件

Question

在页面的静态版本中，我有一个js调用：

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

第一次加载文档时，id #id_tag的元素将不在DOM中。仅当DOM元素出现时，如何使此事件绑定？

注意:在较早的版本中，我将id错误地写为.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!');
  });
});