jquery 瀑布流自动加载数据方法

来源：互联网发布：2016淘宝联盟提现编辑：程序博客网时间：2024/05/29 10:48
<script>    $(function () {        var $window = $(window);        var $document = $(document);        var i = 1;         var message = "@Model.Key";        var cateid = "@Model.Activid";        var key = "";        pageCount = parseInt(pageCount);        function applyLayout() {            $.ajax({                type: "post",                url: "/home/Actives_List",                dataType: "json",                async: true, //true 异步  false为同步请求                data: {                    pageIndex: i,                    cateid: cateid,                    key: encodeURI(message)                },                beforeSend: function () {                        isload = true;                    },                    complete: function () {                        isload = false;                    },                success: function (msg) {                    if (msg != null) {                        var data = eval(msg);                        var htmlData = "";                        htmlData += Mustache.render(listTemp, data);                        $("#proContent").append(htmlData);                    }                }            });        }        function onScroll() {            // 如果窗口底部小于100像素，就执行加载事件            var winHeight = window.innerHeight ? window.innerHeight : $window.height(), // iphone fix                closeToBottom = ($window.scrollTop() + winHeight > $document.height() - 100);            if (closeToBottom) {                if (i >= pageCount) {                    return false;                } else {                    i++;                    applyLayout();                }            }        }        $window.bind('scroll', onScroll);    });</script>
0 14