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 浏览器。

Here is a jsfiddle example.

Answer 1

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

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

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