用户登录

这个升降,还有降序,我们需要在内容项目上设置一个排序的依据 ..

这个依据可以使用 data 属性来表示,比如项目的发布日期,更新日期,都可以作为排序的依据 .. 在这里我们可以手工的在这些内容项目上添加一个 data 属性 ..

先选中这些项目 ... Mac 上 按住 command 可以多选 .. 比如我们添加一个 data-value 属性 .. 这个 value 就是一个排序的依据,你可以随便去命名这个依据 ..

这样在排序的时候,Mixitup 就会用到 data-value 这个属性的值去对项目重新排序 .. 下面我们可以分别去设置一下这些项目上的 data-value 属性的值 ..

这样在这些排序的按钮上,我们就可以使用这个 value 作为排序的方法了 .. 比如在这个升降按钮上,先输入排序的依据的名字,我这里就是刚才添加的 value .. 冒号的右边是排序的方法,升序的话,这个方法就是 asc ..

再设置一下这个降序按钮 .. 排序的依据同样是 value .. 排序的方法可以使用 desc ,表示降序 ..

如果你还有其它的排序依据,可以继续去把它们作为元素的 data 属性 .. 保存 ..

按一下 随机 .. 会随机排列页面上的内容项目 .. 再按一下 升序 .. 这样就会根据项目上的 data-value 属性的值升序排列项目 ..

再试一下 降序 .. 页面上的内容项目会按照它上面的 data-value 属性的值 .. 降序排列 ... 再点一下 默认 .. 会恢复成默认的顺序显示项目 ..

0:00
2:20
2:22

排序的依据《 MixItUp:动画过滤与排序 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点