Получение списка всех прослушивателей событий javascript/jquery

Question

У меня есть список ссылок, которые GET соответствующего файла при нажатии на соответствующую ссылку с ajax.

Предположим, у меня есть несколько файлов в папке «pages» с именем a.php и b.php. При нажатии на первую ссылку я получаю все данные из файла a.php, то же самое касается b.php.

Проблема заключается в том, что если первая открываю a.php и заполнить DIV с этой строки кода:

$("#content").html(data); 

Затем я открываю файл b.php и перезаписывать ранее созданные данные с новым, который я получил от мой второй файл, то прослушиватели событий из файла a.php не будут перезаписаны.

Так как я могу решить эту проблему? Спасибо.

------------------ РЕДАКТИРОВАТЬ ----------------------

Вот функция Я использую, чтобы получить данные

function openPage() 
{ 
    var targetPage = $(this).data("page-file-name"); 
    $("#loader").css("display", "block"); 

    $.ajax(
    { 
     method: "GET", 
     url: "pages/"+targetPage 
    }).done(function(data) 
    { 
     $("#container *").remove(); 
     $("#container").html(data); 
     $("#loader").css("display", "none"); 
    }); 
} 

Answer 1

Вы должны использовать метод jQuery.remove, чтобы удалить все существующие DOM узлы, а также данные и события. После этого используйте метод html для вставки новых узлов DOM.

См jQuery Remove documentation