绑定jQuery的事件的DOM负载

Question

在我的页面的静态版本之后只，我有一个JS调用：

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

id为#id_tag元素将不会在DOM文档时第一次加载。只有DOM元素出现时，我如何才能绑定此事件？

注：在以前的版本中，我miswrote 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 ready函数将做的工作！

最简单的例子就是这样！

$(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实际点击过的类元素。