使用AJAX时调用JQuery函数

Question

我们是JQuery的新手，但有很多编程经验。

我们有一个执行按需加载AJAX调用的Web应用程序。每当用户向上或向下滚动时，它向服务器发出少量请求以请求更多数据。只要屏幕上出现空div（每个都有一个唯一的ID），然后加载相应的数据，依此类推，就会进行AJAX调用。

我们意识到JQuery没有工作，因为在使用AJAX插入任何实际数据之前加载了父文档。所以在将任何AJAX数据插入父文档之前已经调用了$（document）.ready（function（）。我们通过创建一个调用每个函数的JQuery函数并将其插入到每个AJAX调用的HTML片段中来克服这个问题。 ：

AJAX - 称为HTML：

$(document).ready(function(){

            callBackFx();

});

JQuery功能：

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

};

除非每次通过AJAX加载新div，否则每次加载新div时都会调用JQuery函数，这显然会导致问题。我们试图将父div的id传递给整个callBackFx函数，但还没有让它工作。

非常感谢任何想法。

Answer 1

尝试将ajax调用绑定到'scroll'事件处理程序，每次滚动到达一个新div时，在这里你可以找到一个例子：

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

Answer 2

我们发现我们需要将div id作为参数传递给每个函数，而不是传递给单个全包函数。