Bind JQuery событие только после того, как DOM нагрузок

Question

В моей статической версии страницы, у меня есть Js вызова:

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

элемент с идентификатором #id_tag ​​не будет в DOM, когда документ сначала загружен. Как связать это событие только при появлении элемента DOM?

Примечание: В более ранней версии, я miswrote идентификатор, как .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, который был на самом деле нажат.