綁定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實際點擊過的類元素。