表格上的jQuery无限滚动吗? [英] jQuery infinite scroll on a table?

问题描述

有人知道我可以使用无限的滚动条到我的桌子上的好教程或jQuery插件吗?

Does any one know of a good tutorial, or jQuery plugin i can use to add infinite scroll onto my table?

我基本上想在用户向下滚动页面时向表中添加更多行.

I basically want to add more rows to the table as a user scrolls down the page.

谢谢.

推荐答案

只需尝试一下:

HTML:

 <div id="postswrapper">
       <div class="item">content</div>
       ...
       <div id="loadmoreajaxloader" style="display:none;"><center><img src="ajax-loader.gif" /></center></div>
    </div>

JavaScript:

Javascript:

<script type="text/javascript">
$(window).scroll(function()
{
    if($(window).scrollTop() == $(document).height() - $(window).height())
    {
        $('div#loadmoreajaxloader').show();
        $.ajax({
        url: "loadmore.php",
        success: function(html)
        {
            if(html)
            {
                $("#postswrapper").append(html);
                $('div#loadmoreajaxloader').hide();
            }else
            {
                $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
            }
        }
        });
    }
});
</script>

这篇关于表格上的jQuery无限滚动吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！