javascript - 如何创建多个排序按钮

标签 javascript jquery html css

我正在工作的元素的设计有三个按钮,用于对页面上的元素进行排序。

enter image description here

第一个按价格对商品进行排序,第二个按可用性排序,第三个按日期排序。 设计师希望我创建它们,以便当单击按钮一次时,它应该改变颜色,表明元素已排序,当再次单击时,箭头应该改变方向,表明排序顺序已颠倒。

我该怎么做?我尝试使用单选按钮标签和隐藏的单选指示器,但单选按钮无法单击两次。

最佳答案

您可以使用一个非常有用的插件来做这样的事情。 结账http://isotope.metafizzy.co/

关于javascript - 如何创建多个排序按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39605349/

相关文章:

javascript - 更改单击事件时按钮的颜色

javascript - <Provider> 不支持动态更改 `store`

Jquery多选

javascript - 如何使用JQuery从子节点访问父节点?

javascript - 每次生成动态行,同时关注最后一行元素

HTML 在使用 javascript 单击按钮时显示更多文本

javascript - 将 JSON 字符串日期转换为 JavaScript(Google Apps 脚本)

javascript - 为每个循环嵌套重构

javascript 或 ajax 使用 asp.net mvc 更新数据库?

html - 如何防止表格单元格扩展