我正在使用Bootstrap和Isotope创建一个包含大量图片和视频的网站。每个视频/图片都有一个ID(称为“nyeste”)和一个分数,当用户按下“得分”或“nyeste”链接时,我希望nyeste和得分都按降序排序
我从同位素中粘贴了很多副本,相关代码如下:
<ul id="sort-by" class="option-set clearfix" data-option-key="sortBy">
<li><a href="#sortBy=score" data-option-value="score">score</a></li>
<li><a href="#sortBy=nyeste" data-option-value="nyeste">nyeste</a></li>
</ul>
....
<ul id="sort-direction" class="option-set clearfix" data-option-key="sortAscending">
<li><a href="#sortAscending=true" data-option-value="true" class="selected">sort ascending</a></li>
<li><a href="#sortAscending=false" data-option-value="false">sort descending</a></li>
</ul>
如何组合这两个功能,以便“得分”和“nyeste”排序升序,而用户不必按两个不同的链接?
答案 0 :(得分:2)
您可以将降序作为所有排序规则的默认值。
只需添加sortAscending: false
:
$container.isotope({
itemSelector: '.element',
sortAscending: false, // <---------------- HERE
getSortData: {
symbol: function ($elem) {
return $elem.attr('data-symbol');
},
category: function ($elem) {
return $elem.attr('data-category');
},
number: function ($elem) {
return parseInt($elem.find('.number').text(), 10);
},
weight: function ($elem) {
return parseFloat($elem.find('.weight').text().replace(/[\(\)]/g, ''));
},
name: function ($elem) {
return $elem.find('.name').text();
}
}
});