JQuery обновление Div с HTML, который содержит скрипт

Question

Мы динамически обновляем части нашей веб-страницы, когда пользователь перемещается в разные области (обновляя div). У нас есть один раздел, который содержит диалог jquery вместе со скриптом, который создает диалог. Когда мы впервые создаем страницу, все в порядке. Затем мы обновляем div с новым контентом, который содержит новый диалог, но когда мы отображаем этот диалог, мы получаем старый диалог, который был там ранее Я попытался уничтожить диалоговое окно перед загрузкой нового содержимого, и в этом случае новое диалоговое окно не будет отображаться. Диалог открывается с событием нажатия кнопки. Похоже, что загрузка div с помощью диалогового окна jquery не работает. Есть ли какие-то ограничения с этим? Я загружаю новый контент с помощью jquery div.html (content). Новый контент загружается, поскольку я вижу другие изменения.

Answer 1

Похоже, вам нужно перепривязать событие cilck из комментариев. Свяжите элементы в параметрах успеха в вызове $.ajax().

$.ajax({
    beforeSend: function () {
        // Unbind all dialogs first.
        $(".dialog").each(function() {
            $(this).dialog("destroy");
        });
    },
    url: "/Foo/GetSomeData",
    type: "GET",
    success: function (data) {
        $("div").html(data);

        // Get all buttons and bind click to open dialog
        // You'll need to customize this logic depending on your markup.
        $(".button").each(function() {
            $(this).click(function() {
                // Determine which dialogs need to be bound.
                $("#dialog_1").dialog("open");
                // etc
            });
        });
    }
});