Динамический контент не работает при загрузке с ajax

Question

Я пытаюсь загрузить динамический контент после входа пользователя, используя $.ajax, например:

$.ajax({
    url: "functions.php",
    type: "GET",
    data: login_info,
    datatype: 'html',
    async: false,
    success: function (response) {
        $('#main').html(response);
    }
});

Проблема в том, что некоторые события не работают при такой загрузке. Я исправил кнопки с помощью метода .live(), но сортируемый список, например, не работает. Как я могу как-то обновить DOM и сообщить jquery об этих новых добавленных элементах?

Спасибо!

Answer 1

Простого ответа нет. Я только что написал код jQuery и столкнулся с той же проблемой.

Просто используйте это , то есть решение «Переплет»

Answer 2

Вам потребуется повторно инициализировать компоненты пользовательского интерфейса при успешном обратном вызове $.ajax, например ::10000 *.

$.ajax({
    url: "functions.php",
    type: "GET",
    data: login_info,
    datatype: 'html',
    async: false,
    success: function (response) {
        $('#main').html(response);
        $("#main .sortable").sortable();
    }
});