jquery将ajax限制滚动到一个请求

时间:2012-03-30 07:31:44

标签: jquery ajax scroll

我有这段代码可以检查更多类的结果是否在视口中。当它运行ajax请求时。

    $(window).scroll( function() { 
        if ($("a.more-results:in-viewport").each(function()  {

            $.ajax({  
              type: 'GET',  
              url: $(this).attr('href'),
              data: args,
              success: function(response) {
                response = $.trim(response);
                if($('#more-results-link').length){
                    $('#more-results-link').remove();
                } else {
                    $('.more-results-link:visible').remove();
                }
                var $responseHTML = $(response).appendTo(ajaxElement);
                $responseHTML.find("input:checkbox").uniform({useID: false});
              }

            });

        }));
    });

这可行..但......滚动时会触发多个请求......

1 个答案:

答案 0 :(得分:0)

我想你应该看一下jQuery Masonry Plugin.。它允许您创建infinite page scroll effect,就像我们在Facebook wall ...

上看到的那样