Не удается закрыть всплывающее окно после клонирования div. Bind()? JQUERY

Question

Как я могу активировать событие click после клонирования div с именем .popup, а затем щелкнуть по диапазону с именем , который предназначен для закрытия .popup?

Нажатие на него в настоящее время ничего не делает. Я понимаю, что div был создан после инициализации страницы, мне просто нужно знать, как связать это со страницей, чтобы она была распознана, когда она нажата.

JavaScript:

$('span#close').click(function() { 
      $('.popup').fadeOut(1000); 
     }); 

HTML:

<div class="popup"> 
    <span id="close">Close</span> 
    <!-- content --> 
</div> 

Answer 1

Спасибо всем за ваши предложения, обработчик .on(), я не мог получить эту работу, не знаю почему, поэтому я решил использовать предложение @faino.

Я создал содержащее div в html и установил его свойство в display:none, этот div также содержал span#close, который используется для закрытия всплывающего окна.

Когда элемент был клонирован, это было приложено к тому, содержащий DIV, и когда я нажал на span#close, он удаляется клонированный элемент и установите содержащий DIVS свойство обратно display:none

Таким образом, span#close является не клонированы и не нуждаются в событии, которое подвергается снова.

Еще раз спасибо за ваши ответы!

Answer 2

Вы, вероятно, ищет on() события выставленного JQuery - вы могли использовать live(), но это является устаревшим и теперь крайне обескуражен.

Так, что-то вроде:

$('span#close').on('click', function(e) { }); 

Answer 3

Try:

$("span#close").on("click", function(){ 
    $('.popup').fadeOut(1000); 
}); 

Answer 4

Вам нужно скопировать события во время клонирования. См. this хорошая статья. Также помните, что атрибут ID должен быть уникальным в документе. Поэтому после клонирования убедитесь, что у вас нет дубликатов элементов с одинаковыми идентификаторами.