默认情况下,使jquery同位素排序降序

时间:2013-11-30 19:13:04

标签: sorting twitter-bootstrap jquery-isotope

我正在使用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”排序升序,而用户不必按两个不同的链接?

1 个答案:

答案 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();  
        }  
    }
});