在Quicksand中限制项目或分页

时间:2011-11-25 04:02:34

标签: javascript jquery limit quicksand

我正在使用Quicksand jQuery插件。它工作正常,但现在我想限制初始项目,例如只显示20或30项。我怎么能这样做?

我目前的代码:

Shadowbox.init({
    skipSetup: true
});

$(document).ready(function () {
    var $filterType = $('#boxAreas li.active a').attr('class');
    var $holder = $('ul#elportafolio');
    var $data = $holder.clone();

    $('#boxAreas li a').click(function (e) {
        $('#boxAreas li').removeClass('active');

        var $filterType = $(this).attr('class');

        $(this).parent().addClass('active');

        if($filterType == 'all') {
            var $filteredData = $data.find('li');
        } else {
            var $filteredData = $data.find('li[data-type=' + $filterType + ']');
        }

        $holder.quicksand($filteredData, {
            duration: 1000
        }, function () {
            Shadowbox.setup("li.thumb_porta a", {});
        });
        return false;
    });
});

0 个答案:

没有答案