使用isotope.js升序和降序之間的排序切換

Question

我使用的是isotope.js v 2.2.0，我可以按升序和降序分別進行排序，但似乎無法獲得在一個按鈕上運行的asc/desc之間的切換。

HTML代碼：

<div id="sorts" class="btn-group"> 
    <button class="sort-btn sort-asc" data-sort-value="title" data-sort-direction="asc">Title Asc</button> 
    <button class="sort-btn sort-desc" data-sort-value="title" data-sort-direction="desc">Title Desc</button> 
</div> 

我的腳本：

$('#sorts .sort-asc').on('click', 'button', function() { 
    var sortByValue = $(this).attr('data-sort-value'); 
    $container.isotope({sortBy: sortByValue, sortAscending: true}); 

    $this.removeClass('sort-asc').addClass('sort-desc'); 
}); 

//similar for ('#sorts .sort-asc') 

有一次，我在.sort-asc添加排序停止工作。我不知道如何分開.sort-asc和.sort-desc，以便我可以添加/刪除按鈕的類以具有正確的行爲。

任何建議都會有幫助。

Answer 1

這個怎麼樣

var sortClass = $(this).hasClass('sort-asc'); 

$(this).toggleClass('sort-asc'); 

$container.isotope({ sortBy: sortValue, sortAscending: !sortClass });