0
我使用的是isotope.js v 2.2.0,我可以按升序和降序分别进行排序,但似乎无法获得在一个按钮上运行的asc/desc之间的切换。使用isotope.js升序和降序之间的排序切换
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
,以便我可以添加/删除按钮的类以具有正确的行为。
任何建议都会有帮助。