0

ブロックを検索して並べ替える簡単な方法はありますか。名前または年齢で並べ替えることができる基本的な並べ替えスクリプトと、同じ並べ替えボタンで昇順または降順の両方の機能が必要です.iテーブルソーターをたくさん見ましたが、ブロックを並べ替えることができるものは見つかりません.
PS: listjs を試してみましたが、動作しましたが、別のワードプレス プラグインをインストールすると動作しなくなりました (以前のプラグインのようにすべてのスクリプトをロードしましたが、それでも動作しません)。

1 つのブロックは次のようになります: (ブロックではなく行を並べ替えているように見えるかもしれませんが、css を使用すると、次のようになります

<li class="one"><a href="link"><img src="link" height="125" width="125"/>
<p class="name">name</p>
<p class="age">age</p>
<p></a></li>
4

1 に答える 1

0

独自のスクリプトを非常に簡単に作成できます。必要なのはcomparater、並べ替え基準を定義する関数だけです。たとえば、年齢を降順に並べ替えるには、次のようにします。

var comparater = function (a, b) {
    var result = 0;

    if ($(a).find('.age').text() > $(b).find('.age').text()) {
        result = -1;
    } else {
        result = 1;
    }

    return result; 
}      

var nodes = $('.one');
nodes.sort(comparater);

彼女は昇順、降順の完全な実装です。 http://jsfiddle.net/H77Ve/ .

于 2013-03-02T17:45:18.610 に答える