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

<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>