Нажмите событие не сохраняется для новых динамически создаваемых элементов

Question

У меня есть некоторый код, который свойствен храповое событие класса:

$(".filter-link").click(function (e) { 
    $("#filter").dialog("option", "position", 
        { my: "left top", at: "left bottom", of: e }); 
    $("#filter").dialog("open"); 
}); 

Элемента Я использую его на динамически воссоздан часто:

function addTopLinks() { 
    $('#calendar .fc-view thead th.fc-resourceName') 
     .removeClass('top-calendar-cell'); 
    $('#calendar .fc-view thead th.fc-resourceName') 
     .addClass('top-calendar-cell'); 
    $('#calendar .fc-view thead th.fc-resourceName') 
     .html('<a class="filter-link" href="#">Filter Resources</a>'); 
}; 

Есть ли способ, по которому я могу получить клик, чтобы продолжить, или я буду вынужден переназначить клик при каждом повторном создании элемента?

Благодаря

Answer 1

Использование .on():

$(document).on("click", ".filter-link", function (e) { 
    $("#filter").dialog("option", "position", 
      { my: "left top", at: "left bottom", of: e }); 
    $("#filter").dialog("open"); 
});