Нажмите событие не вызывает при добавлении HTML dymanically

Question

Я добавляю кнопку ссылки на странице загрузки

Как

$(function(){ 
    $("#nav_container").append('<a id="testID" href="#">Click on me</a>'); 

    $("#testID").bind("click",function(){ 
     alert("hi"); 
    }); 
}); 

Но оповещения грядет щелчку Link

Answer 1

для динамически добавлять элементы DOM, вам будете должны использовать .on() следующим образом:

$(document).on('click', '#testID', function(){ 
    alert('hi'); 
}); 

надежду, что помогает.

Answer 2

Попробуйте это:

$("#nav_container").on("click","#testID",function(){ 
    alert("hi"); 
}); 

Answer 3

Для динамически элементов, мы должны использовать $ .он как это было предложено другими. Но в вашем случае он должен работать без использования $ .on. Причина, по которой не работает это ваш случай из <a> тегов действия по умолчанию для перезагрузки, попробуйте event.preventDefault();

$(function(){ 
    $("#nav_container").append('<a id="testID" href="#">Click on me</a>'); 

    $("#testID").bind("click",function(event){ 
     event.preventDefault(); 
     alert("hi"); 
    }); 
}); 

Или лучше, как предложено другими использовать $ .он:

$("#nav_container").on('click', '#testID', function(event){ 
    event.preventDefault(); 
    alert('hi'); 
});