javascript - 排序 DOM 元素在移动设备上无法正常工作（android 浏览器、chrome、safari）

Question

我有一个 div，里面有我想按数据值排序的元素。

$('div#mainFrame div.element-container').sort(function(a, b)
{
    return parseInt($(a).data('price')) < parseInt($(b).data('price'));
})
.appendTo('div#mainFrame');

我已经用 chrome/firefox(pc) 试过了，它工作得很好，但是它不适用于 safari，也不适用于 android 浏览器。

这是一个jsfiddle示例。

Answer 1

我找到了解决问题的方法。

$('div#mainFrame div.element-container').sort(function(a, b)
{
    return parseInt($(b).data('price')) - parseInt($(a).data('price'));
})
.appendTo('div#mainFrame');

这样做的原因是排序需要一个数字，而不是布尔返回值。