jquery - QuickSand jQuery - 想要修改一些选项

Question

我现在正在使用 QuickSand，但我无法执行某些操作。我想创建包含 3 个类别的小型画廊，例如:所有、公共(public)汽车、汽车。如果我通过默认设置使用 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

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