jQueryのは、私はUIの要素のリストをソートしようとしているランダム

Question

の要素をソートするために表示されます。

$('.stuff').sort(function(a,b) { 
    a = $(a).attr('data-date'); 
    b = $(b).attr('data-date'); 
    console.log(a + " > " + b); 
    console.log(a > b); 
    return a >= b; 
    }).appendTo('#stuff_container'); 

私はそこにログインを置く場合は、HTMLが

<div class='stuff' data-date='1278395142'>...</div> 
<div class='stuff' data-date='1378395142'>...</div> 

ようになり、私は比較が真であるときtrueを返す、それが正しく比較をしているのを見ることができます。しかし、ソートを実行するUIでは、要素はランダムに表示されます。このコードを繰り返し実行すると、順序がランダム化され続けます。私は、data-attrsがすべて順不同であることを確認することで、デバッグコンソールでこれを確認できます。

ここで何が起こっているのかについてgoogには言及がありません。私は明日jQueryを深く掘り下げますが、私はこれをそこに投げ捨てると思っています。 jQuery 1.4.2（ええ..）ありがとう！

Answer 1

Array.prototype.sortに渡されるコールバックは、Numberを返します。試してみてください：

return Number(a) - Number(b); 

Answer 2

あなたのソート機能が0または1（数値にキャストした後に）戻っています。値0は、sortの "値が等しい"に対応します。

実質的には、値5と4をチェックすると、5が4より大きく、後に進む必要があることを示します。しかし、4と5をチェックすると、それらが等しいことを伝えます。これは矛盾しているので、その動作は定義されておらず、結果として「ランダム」ソートが行われます。

これを試してみてください：

return a == b ? 0 : (a > b ? 1 : -1);