Question

如何使用jquery在ajax加载元素的滚动上调用函数。此代码正常工作。但是通过ajax代码加载元素后无法正常工作。这个元素“ElementNameHere []”正在通过ajax加载。

jQuery(function($) {
    $('[name="ElementNameHere[]"]').bind('scroll', function() {
        if($(this).scrollTop() + $(this).innerHeight() >= this.scrollHeight) {
            alert("<name> = "+this.innerHTML);
        }
    })
});

Answer 1

在ajax调用之后，你必须重新绑定你的偶数元素。

例如，

$.ajax({
  url: "MyUrl.php",
}).done(function() {

    //your code to append new Html Elements

    //Rebind only newly appended elements again here.
    $('[name="ElementNameHere[]"]').bind('scroll', function() {
        if($(this).scrollTop() + $(this).innerHeight() >= this.scrollHeight) {
            alert("<name> = "+this.innerHTML);
        }
    })
});

Answer 2

我过去使用过无限的ajax scroll jquery插件，并且很好地使用了Email接口。这将用于分页，计算何时调用。

如果您需要，它还会显示loading ...文本。

它也很容易使用：

http://plugins.jquery.com/ias/

http://infiniteajaxscroll.com/docs/getting-started.html

如何使用jquery在ajax加载元素的滚动上调用函数

2 个答案: