Javascript не растворяется после использования ajax

Question

У меня есть две страницы .php. Как показывает несколько кнопок, Информация, что я пуговица с этим кодом:

$(document).on("click", ".glyphicon-info-sign", function(){ 
    $(".glyphicon-info-sign").not(this).popover("hide"); 
    $(this).popover("toggle"); 
}); 

Скрипт помещен после того, как HTML-элементов. Я использую div, который содержит страницу под моим заголовком (home, contact, login и т. Д.), И я использую jquery-ajax для загрузки разных страниц в этот div.

Проблема в том, что когда я загружаю, страница 1 ", то загрузите страницу" 2 ", похоже, что обе страницы onclick-события все еще активны. Я подумал, что если удалить сценарий прослушивателя событий из div , то слушатель перестает работать.

(Там есть шанс я ошибаюсь, и проблема в том, что-то еще.)

Как я могу это исправить?

Answer 1

Я зафиксировал мою проблему, изменив событие щелчка слушателя до:

$(".glyphicon-info-sign").click(function(){ 
    $(".glyphicon-info-sign").not(this).popover("hide"); 
    $(this).popover("toggle"); 
}); 

Вот почему: Difference between .on('click') vs .click()