Вызов функции JQuery при использовании AJAX

Question

Мы новичок в JQuery, но имеем довольно много опыта программирования.

У нас есть веб-приложение, которое выполняет вызовы AJAX с нагрузкой по требованию. Всякий раз, когда пользователь прокручивается вверх или вниз, он делает небольшие запросы на сервер, чтобы запрашивать больше данных. Вызов AJAX выполняется всякий раз, когда на экране появляется пустой div (каждый из которых имеет уникальный идентификатор), затем загружаются соответствующие данные, так далее и т. Д.

Мы поняли, что ни один из JQuery не работал, потому что родительский документ был загружен до того, как какие-либо реальные данные были вставлены с использованием AJAX. Таким образом, $ (document) .ready (function() уже был вызван до того, как любые данные AJAX были вставлены в родительский документ. Мы преодолели это, создав функцию JQuery, которая вызывала каждую из функций, и вставляла ее в каждый фрагмент кода AJAX :

AJAX называемого HTML:

 

$(document).ready(function(){ 

      callBackFx(); 

}); 

JQuery Функция:

 
this.callBackFx = function(){ 
     vectorToggle(); 
       //list of fxs()... 
     atooltip(); 

}; 

Который работал, за исключением того, каждый раз, когда новый ДИВ загружается через AJAX, она вызывает функцию JQuery каждый раз, когда новый div, что, очевидно, вызывает проблемы. чтобы передать id родительского div в общую функцию callBackFx, но не получил его для работы.

Любые идеи очень ценятся.

Answer 1

Попытка привязать АЯКС вызов к «прокручивать» обработчик событий, каждый раз, когда свиток достигает нового DIV, здесь вы можете найти пример:

http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/

Answer 2

Мы выяснили, что нам нужно передайте div id как параметр для каждой из функций, а не одной, всеохватывающей функции.