Аякс вызов завершен

Question

Мне нужно знать, есть ли событие, которое срабатывает, когда элемент завершает рендеринг. У меня есть div, скажем, с идентификатором A. Теперь я создаю и отображаю этот div с помощью ajax, и мне нужен доступ к элементам внутри div. Как мне это сделать. Пробовал с $ ("# A"). Init (). Это не работает.

Answer 1

Если вы обновляете ваш div с помощью ajax-вызова, к параметрам может быть добавлена ​​функция обратного вызова. Эта функция обратного вызова будет запущена после завершения ajax-вызова:

$("#A").load(url, parameters, function () {
    // access elements inside div here
});

Answer 2

Я сталкивался с подобной проблемой много раз. Я почти сдался, пока не просмотрел подробную документацию по функции .on () .

Обычно с помощью функции .on () мы присоединяем обработчики событий, как показано ниже:

    $("#dataTable tbody tr").on("click",function() {
        alert($(this).text());
    });

Но с помощью подхода с делегированными событиями мы можем достичь того же:

    $("#dataTable tbody").on("click","tr",function() {
        alert($(this).text());
    });

Здесь, даже если строки таблицы, т.е. элементы tr, обновляются с помощью вызова ajax, приведенный выше код все равно останется прикрепленным к нему и продолжит выполнять запланированные действия.

Полагаю, это решит ваш вопрос.

Answer 3

Очевидный способ заключается в том, чтобы поместить ваши манипуляции в обратный вызов вызова AJAX load / ajax / post / etc. Если вы не можете этого сделать (по какой-либо причине), возможно, вам нужно событие ajaxComplete :

$("#msg").ajaxComplete(function(request, settings){
  $(this).append("<li>Request Complete.</li>");
});

Конечно, вы должны обнаружить, что это правильный вызов AJAX, который завершен, но, возможно, это поможет.

Answer 4

http://docs.jquery.com/Ajax/load#urldatacallback

нагрузка (URL, данные, обратный вызов)

почему вы не можете начать работать с div в обратном вызове?