Jquery UI滑块和按钮可以自定义列表或表格--该怎么做呢？

Question

故事：

我有一份产品清单。我希望能够按价格、品牌和商店对它们进行排序。所有的产品都在div中，如果这样更好的话，我也可以把它们放在一个表中。我想要实现的是，我可以使用Jquery的UI滑块和按钮对这个列表进行排序。我希望游客能够使用滑块来选择一定的价格范围。我希望所有的品牌和商店“选定”。访问者可以取消选择某个品牌和/或商店。我希望这一切都能在页面上实时改变。

问题：

现在我的问题是，获得这个结果的最好方法是什么？由于我是Jquery和javascript的新手，一般情况下，我需要一些建议。

我想这样做的方式是给每个产品的包装div自定义属性，比如: price="100“brand="samsung”等，然后使用Jquery在一定的条件下隐藏/显示div。

这是实现这一目标的正确方法吗？

Answer 1

好的，这有几个方面：

1. 使用ajax获取符合user
2. 指定条件的产品列表在

上单击列时对此信息进行排序

对于1，这真的取决于你的应用程序，将条件传递给带有post值的search.php，并接收回新的table HTML。您可以使用.serialize()轻松地将表单值传递给您的PHP后端

2.有用于jQuery的jQGrid插件，它非常流行，尽管它的特性太多可能有点重量级-- http://www.trirand.com/blog/当然还有许多其他好的选择：

• 12 Useful jQuery Plugins for Working with Tables
• Enhance Tables Using One Of 30 Functional jQuery Plugins

就我个人而言，我会把你的信息转换成表格。我知道我可能会被DIV警察拦下，但我们谈论的是列表信息，即属于表中的信息。此外，大多数jQuery插件在操作时都考虑到了表的排序。