リストli要素を属性「値」でソートしようとしました
HTML
<ul>
<li value="3" title="broken" style="display: inline;">
<button class="cloudbutton">broken(3)</button> </li>
<li value="4" title="aggressive" style="display: inline;">
<button class="cloudbutton">aggressive(4)</button> </li>
<li value="0" title="agonizing" style="display: inline;">
<button class="cloudbutton">agonizing(0)</button> </li>
<li value="1" title="bad" style="display: inline;">
<button class="cloudbutton">bad(1)</button> </li>
<li value="2" title="beaten" style="display: inline;">
<button class="cloudbutton">beaten(2)</button> </li>
</ul>
jQuery
$("ul>li").tsort({attr:"value"});
タイニーソートに問題があるようですこれが
私の例です(最新のjQuery 1.8.2を使用):
http
:
//jsfiddle.net/W2dQH/6/
.net/W2dQH/5/ - TinySort 1.4.29 (まったくソートしない)
両方のバージョンが正しく動作しないようです。
はい、カスタムの並べ替え関数を作成するか、他の方法で並べ替えることでこれを回避できますが、このケースはかなり基本的なもので、何が起こっているのかわかりません..では、何が問題なのですか?
編集
useVal も機能しません
$("ul>li").tsort({useVal:true});
タイトル順でもいいけど。。
$("ul>li").tsort({attr:'title'});