我在我的网站上设置了同位素顺序并排序,但如果我将排序更改为编号,则会对项目进行错误排序。
例如我有这样的项目:
<div class="boxm" data-name="aaa" data-number="11944"></div>
<div class="boxm" data-name="bbb" data-number="1494"></div>
<div class="boxm" data-name="ccc" data-number="1574"></div>
<div class="boxm" data-name="ddd" data-number="1892"></div>
<div class="boxm" data-name="eee" data-number="19520"></div>
<div class="boxm" data-name="fff" data-number="2090"></div>
<div class="boxm" data-name="fgf" data-number="9010"></div>
使用这样的同位素代码:
$container.isotope({
itemSelector : '.boxm',
masonry : {
columnWidth : 67,
cornerStampSelector: '.corner-stamp'
},
getSortData : {
name : function($elem){
return $elem.attr('data-name');
},
number : function($elem){
return $elem.attr('data-number');
}
}
});
$sortLinks.click(function(){
var $this = $(this);
if($this.hasClass('selected')){
return false;
}
var $isSet = $this.parents('.option-set');
$isSet.find('.selected').removeClass('selected');
$this.addClass('selected');
var options = {},
key = $isSet.attr('data-option-key'),
value = $this.attr('data-option-value');
value = value === 'false' ? false : value;
options[key] = value;
if(key === 'layoutMode' && typeof changeLayoutMode === 'function'){
changeLayoutMode($this, options)
}else {
$container.isotope(options);
}
return false;
});
如果我按数字顺序,它将与我在这里输入的顺序相同,如果我按 DESC 排序,它将从 9010 开始,然后是 2090。如果我是对的,这是因为 Isotope 只看前两个字符,但我需要正确订购。
我怎么解决这个问题?