QuickSand jQuery -想要修改一些选项

Question

我现在正在使用QuickSand，但是我不能做一些事情。我想创建3个类别的小画廊，例如:所有，公交车，汽车。如果我通过默认设置用QuickSand来做，这是有问题的，因为当我点击某个类别时，所有其他的图像都被隐藏了。我想移动焦点图像在画廊顶部，否则底部(而不是隐藏)。

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

也许有人能帮我。最好的干杯！

Answer 1

我推荐使用jQuery Isotope，因为它的排序功能似乎比你现在使用的要高级一点。流沙似乎提供了很好的过滤功能，但排序功能似乎有点欠缺。

    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

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