javascript - Jquery 排序功能不适用于 Chrome 浏览器

Question

我正在根据数据属性值做空 div。我现有的代码在 Firefox 上运行良好，但无法在 Chrome 浏览器上运行。

这是我的代码:

$('select#shorting-job').change(function(e) {
            var $list = $('.adsence-right');
            var $productList = $('div.show-jobs-in-right',$list);
            $productList.sort(function(a, b){
                var keyA = $(a).attr("data-salary");
                var keyB = $(b).attr("data-salary");
                if($('#shorting-job').val()=='Salary'){
                  return false; 
                }else if($('#shorting-job').val()=='asc'){
                    return (parseInt(keyA) > parseInt(keyB)) ? 1 : 0;
                } else {
                    return (parseInt(keyA) < parseInt(keyB)) ? 1 : 0;
                }
            });
            $.each($productList, function(index, row){
                $list.append(row);
            });
            e.preventDefault();
    });

Answer 1

您需要为升序和降序排序返回一个对称结果，该结果也使用负值。

您可以使用您拥有的值并返回它的增量。

return keyA - keyB;

对于降序，你可以颠倒减法的顺序

return keyB - keyA;

在这两种情况下，由于使用减号和隐式转换为数字，因此值都转换为数字。

在不同浏览器中得到不同结果的主要原因是，如果顺序没有真正不同，您可能会得到不稳定的结果，如 Array#sort不稳定。