Невозможно получить доступ к элементу, используя свой новый идентификатор

Question

i am triyng, чтобы получить доступ к элементу, используя свой новый атрибут.

HTML

<div class="element">Element1</div> 

Сценарий

$('.element').one("click", function() 
{ 
    $.getScript('/script.js'); 
}); 

$('#activated').click(function() 
{ 
    alert(1); 
}); 

Внутри файла script.js:

$('.element').attr("id", "activated"); 

The script.js добавляет идентификатор #activated в DIV, но .click() не будет работать с использованием нового идентификатора.

Может кто-нибудь, пожалуйста, скажите мне, почему?

Answer 1

$('#activated') оценивается до того, как какой-либо элемент имеет этот идентификатор, поэтому он не находит элементов, и никакие элементы привязки не привязаны ни к каким элементам.

Вы можете использовать делегирование событий, чтобы обойти это. Обработчик щелчок будет приложена к телу документа сразу, но это будет только вызвать его функцию обратного вызова, если целевой элемент соответствует «#activated» селектор:

$(document.body).on('click', '#activated', function() 
{ 
    alert(1); 
}); 

Answer 2

Когда линия $('#activated').click(function() выполнена, не существует ни одного элемента с Идентификатор activated в документе, поэтому jQuery возвращает пустую коллекцию и метод click бесшумно терпит неудачу. Вы можете использовать метод делегирования событий:

$(document).on('click', '#activated', function() 

или проверить идентификатор щелкнутого элемента в первом обработчике события:

$('.element').on("click", function() 
{ 
    if (this.id === 'activated') 
    { 
     // ... 
    } 
    else 
    { 
     $.getScript('/script.js'); 
    } 
}); 

Answer 3

попробовать $(document).on('click','#activated',function(){ // do somthing here }); это могло бы работать. Скажи мне, что это не так.