如何使用此代码使用无限滚动插件

时间:2014-02-13 07:19:56

标签: php jquery ajax infinite-scroll

我的代码可以正常显示数据库数据。但我想使用无限滚动显示大数据显示响应时间。但我不知道如何使用无限滚动我的代码也使用哪个插件。

<script>
    function getfilter(str){
        if (str==""){
            document.getElementById("result").innerHTML="";
            return;
        }

        $.ajax({
            url: "Views/pfolioresult.php?q="+str,
            type: "GET",
            //  data: serializedData,
            success: function ( responseText ) {
                $("#result").html(responseText); 
            }
        });
    }
</script>

<div class="sprocket-mosaic-header">
    <div class="sprocket-mosaic-filter">
        <ul>
            <li class="all active" data-mosaic-filterby="all" onclick="getfilter(this.id)" id="all" >All</li>
            <li class="android" data-mosaic-filterby="android" onclick="getfilter(this.id)" id="android" >Android</li>
            <li class="iOS" data-mosaic-filterby="iOS" onclick="getfilter(this.id)" id="ios" >IOS</li>
        </ul>
    </div>
    <div class="clear"></div>
</div>


<div id="result">
    ok
</div>

1 个答案:

答案 0 :(得分:0)

您可以使用http://infiniteajaxscroll.com/http://jscroll.com/。这会对你有所帮助。