Как получить доступ к функции внутри функции jQuery

Question

Я полагаю, что заголовок несколько вводит в заблуждение, но я не знал, как это сделать.

У меня есть функция, которая позволяет отображать небольшое всплывающее окно при нажатии ссылки (сообщение о подтверждении того, удалять или нет статью).

У меня также есть функция, которая отправляет данные в файл php и вставляет данные, которые я получаю (также список статей) обратно в элемент div.

Когда я пытаюсь использовать функцию для подтверждения удаления в списке статей, которые я изначально генерировал с помощью PHP, все работает, однако, когда я пытаюсь щелкнуть ссылку (по существу такую ​​же) внутри списка статей, которые я вставил в div с jquery, функция не работает (т. е. сообщение подтверждения не появляется).

Я предполагаю, что это связано с тем, что ссылка вставлена ​​после загрузки файла js, но есть ли способ сделать эту функцию глобальной, чтобы она также работала над материалом, который я вставляю позже?

$('.delete').click(function() { 
    var link = $(this).attr('href'); 
    $('#dialog') 
     .attr('title', 'Do you want to delete this article?') 
     .text('If you click Delete, the entire article and all comments attached to it will be erased.') 
     .dialog({ 
      buttons: { 
       'Delete': function() { window.location.href = link; }, 
       'Cancel': function() { $(this).dialog('close'); } 
      }, 
      closeOnEscape: true, 
      draggable: false, 
      resizable: false, 
      show: 'drop', 
      hide: 'drop', 
      modal: true 
     }); 
}); 

Answer 1

Вы можете использовать прямую функцию JQuery перед присоединением события вашей ссылки: http://api.jquery.com/live/

Вы можете так же слушать нажмите событие на общее ancester элементов и посмотреть, если целенаправленные элемент ссылки вы ожидаете :

commonAncestor.click(function(e){ 
if('A'==e.target.nodeName) 
    // do what you want to 
}); 

Answer 2

Вам необходимо прослушивать событие, используя .on() метод JQuery (руководство - jquery.com).

Причина в том, что когда вы начинаете добавлять новые элементы динамически, которые должны реагировать на события, вам нужно иметь способ информировать слушателей событий, чтобы реагировать на них. И .on() делает именно это.

Быстрый пример будет:

$("div.parent_of_button").on("click", ".class-of-button", function(event){ 
    $(this).text('clicked!'); 
}); 

Что это означает, что все элементы класса .class-of-button, что вы будете добавлять после загрузки страницы, будут реагировать на щелчки.

редактировать

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