故事:
我有一份产品清单。我希望能够按价格、品牌和商店对它们进行分类。所有产品都在div中。如果更好的话,我也可以把它们放在桌子上。我想要实现的是,我可以使用Jquery的UI滑块和按钮对这个列表进行排序。我希望访问者能够使用滑块来选择某个价格范围。我希望所有品牌和商店都"精选"。访问者可以取消选择一个品牌和/或商店。我希望这一切都能在页面上实时更改。
问题:
现在我的问题是,得到这个结果的最佳方式是什么?由于我对Jquery和javascript一般来说还比较陌生,所以我可以使用一些建议。
我想做的是给每个产品的包装div自定义属性,比如:price="100"brand="samsung"等。然后使用Jquery在特定标准内隐藏/显示div?
这是实现这一目标的正确方式吗?
这有几个方面:
- 使用ajax获取符合用户指定条件的产品列表
- 单击列时对此信息进行排序
对于1。这实际上取决于您的应用程序,通过post值将条件传递给例如search.php
,并接收回新的表HTML。您可以使用.serialize()
轻松地将表单值传递到PHP后端
对于2。jQuery有一个jQGrid插件,它非常受欢迎,尽管可能有点重量级,因为它有很多功能——http://www.trirand.com/blog/当然,还有许多其他不错的选择:
- 12个用于处理表的有用jQuery插件
- 使用30个功能性jQuery插件之一增强表
就我个人而言,我会将您的信息转换为表格。我知道我可能会被DIV警察拦下,但我们谈论的是表格信息,即属于表格的信息。此外,大多数jQuery插件的操作都考虑到了表的排序。