【发布时间】：2012-01-19 01:26:03
【问题描述】：
我正在开发一个响应式电子商务网站。这相当困难，但我喜欢它:)
对于购物车，我决定在货架上显示产品类别，并在叠加层中显示单个产品。
问题在于，几乎不可能以体面的方式设置它们的样式，因为我不知道其中会有多少，也不知道查看器的窗口会有多大。
我可以使用什么模式来显示这个可变长度的数据，我将如何完成它？
【问题讨论】：
标签： jquery html css responsive-design
【发布时间】：2012-01-19 01:26:03
【问题描述】：
我一直在使用jQuery Infinite Carousel 并取得了很大的成功。对于您的产品来说，这可能是一个很好的模式，能够在不知道有多少可供查看的情况下将它们显示在叠加层中。
轮播的编码相当简单。只需在无序列表中提供您的内容并相应地应用 jQuery。
【讨论】：
-
谢谢@bpeterson，让我看看我是否理解得很好。这个 Carousel 是响应式的，所以它会适应任何窗口大小，它会将我的项目放在一行上，允许用户水平滚动以查看其他产品。你建议显示单行产品会提供比现在这样的多行表更好的用户体验，对吗？
-
@Francesco，我实际上只是指覆盖。我想我会分页初始表视图（3 行中的 5 个项目）并做一个简单的 jQuery 显示隐藏，并带有一些淡入、淡出。在循环中构建表应该不难，遍历项目的数量，当你达到最大行数（在本例中为 5）时开始新行，当行数达到 3 时，结束并创建一个新行桌子。然后按照我的描述显示/隐藏。
-
我试过了。我不得不说这就是我想要的。如果它不是因为“无限”的东西...... :) 我怎么能禁用它？ jsfiddle.net/2RyuZ（OT：我应该为此提出一个新问题吗？）
-
我同意了你的问题，因为这绝对是解决问题的好方法。新问题@stackoverflow.com/questions/8495468/…