使用同位素.js在升序和降序之间切换排序
Sorting toggle between ascending and descending using isotope.js
我正在使用同位素.js v 2.2.0,我可以分别按升序和降序排序,但似乎无法在一个按钮上在asc/desc之间切换。
网页代码:
<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
分开,以便我可以添加/删除按钮具有正确行为的类。
任何建议都会有所帮助。
这个
怎么样
var sortClass = $(this).hasClass('sort-asc');
$(this).toggleClass('sort-asc');
$container.isotope({ sortBy: sortValue, sortAscending: !sortClass });
相关文章:
- 如何对javascript表进行排序(升序或降序),该表是某些SQL操作表的结果
- 使用Async.js sortBy的升序与降序排序顺序
- 在 Parse.com 中设置另一个类的查询降序
- 按值降序对关联数组进行排序
- 谷歌图表(javascript) - 接近数字的升序/降序困难
- 按降序进行角度排序
- 将猜谜游戏变成降序
- D3 降序刻度
- Javascript - 对包含根据日期升序和降序的对象的嵌套数组进行排序
- 如何使我的转换器按降序排列
- 降序表以及 JavaScript 中的升序
- 给定整数列表,找到可获取的最高值并按降序连接
- 如何通过限制和降序创建At获取返回的项目索引
- jQuery降序选择器和多选符
- 解析云中的升序和降序多重排序
- DataTables排序未按降序显示
- 无法按降序对集合进行排序
- 在升序和降序多维数组之间切换
- 排序函数不能在升序和降序之间切换
- 使用同位素.js在升序和降序之间切换排序