默认情况下将jquery同位素排序设为降序

Question

我正在用Bootstrap和Isotope制作一个有很多图片和视频的网站。每个视频/图片都有一个ID (称为" nyeste ")和一个分数，当用户按下链接" score“或"nyeste”时，我希望nyeste和score都按降序排序

我已经复制粘贴了很多同位素，相关的代码看起来像这样：

<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>

我如何组合这两个函数，让"score“和"nyeste”都升序排序，而不需要用户按两个不同的链接？

Answer 1

您可以将降序设置为所有排序规则的默认设置。

只需添加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();  
        }  
    }
});