0

現在 QuickSand を使用していますが、できないことがあります。すべて、バス、車など、3 つのカテゴリを持つ小さなギャラリーを作成したいと考えています。デフォルト設定でQuickSandを使用すると、問題が発生します。カテゴリをクリックすると、他のすべての画像が非表示になります。フォーカス画像をギャラリーの上部に移動し、それ以外の場合は下部(非表示)に移動したい。

そこにサンプルがあります: Sample . 特に私はサイトのようにそれをしたい 並べ替え：名前、サイズ。しかし、私のカテゴリーで。私はそれをやろうとしましたが、結果はありません:(

誰かが私を助けてくれるかもしれません。最高の乾杯！

4

1 に答える 1

0

jQuery Isotopeを使用することをお勧めします。並べ替え機能は、使用している機能よりも少し高度なように思われるからです。Quicksand はフィルタリング機能が優れているようですが、並べ替え機能が少し不足しているようです。

例

    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());
        }
    }
});

同位体を使用すると、存在するほぼすべての情報で並べ替えることができます。また、さらに多くの並べ替えオプションのために「データ カテゴリ」を追加することもできます。

同位体選別デモ

同位体分類のドキュメント

注 - 上記のデモまたは例でブラウザ ウィンドウのサイズを変更してみてください。

于 2013-05-08T13:54:33.797 に答える