Question

我现在正在使用QuickSand，但我无法做一些事情。我想创建包含3个类别的小画廊，例如：All，Bus，Cars。如果我通过默认设置使用QuickSand这样做，那就是问题，当我点击某些类别时，所有其他图像都被隐藏了。我想将焦点图像移动到图库的顶部，然后将底部（不是隐藏）移动。

我有一个示例：Sample。特别是我想在网站上这样做排序：名称，大小。但是我的类别。我试着这样做，没有结果：（

也许有人可以帮助我。最好的欢呼！

Answer 1

我建议使用jQuery Isotope，因为排序功能似乎比你使用的更先进。 Quicksand似乎提供了很好的过滤功能，但排序功能似乎缺乏一点。

<强> Example

    getSortData: {
        symbol: function ($elem) {
            return $elem.attr('data-symbol');
        },
        category: function ($elem) {
            return $elem.attr('data-category');
        },
        number: function ($elem) {
            return parseInt($elem.find('.number').text(), 10);
        },
        weight: function ($elem) {
            return parseFloat($elem.find('.weight').text().replace(/[\(\)]/g, ''));
        },
        name: function ($elem) {
            return $elem.find('.name').text();
        },
        author: function ($elem) {
            return $elem.find('.author').text();
        },
        date: function ($elem) {
            return Date.parse($elem.find('.date').text());
        }
    }
});

使用Isotope，您可以对几乎所有信息进行排序，和/或您可以为更多排序选项添加“数据类别”。

Isotope Sorting Demo

Isotope Sorting Documentation

注意 - 尝试在上面的演示或示例中调整浏览器窗口的大小。

QuickSand jQuery - 想要修改一些选项

1 个答案: