jquery mobile中的响应式网格

Question

我正在尝试使用Jquery Mobile创建响应式页面。我正在使用ui-grid创建一个3列布局（在宽屏幕上）并使用媒体查询我在移动设备上将其显示为3行1列网格。

但我想要实现的是：在移动而不是3行布局中，只应显示第一个网格，并且在滑动时应显示第二个网格，依此类推（像滑块一样）

有人能为我提供样品吗？代码片段在Jquery mobile中实现这个目的？

P.S：对不起，我是stackoverflow的新手。所以无法在我的问题中添加图片

Answer 1

你可以使用

http://swipejs.com/

在div中定义网格

 <div id='slider' class='swipe'>
  <div class='swipe-wrap'>
    <div id="1"></div>
    <div id="2"></div>
    <div id="3"></div>
  </div>
</div>

脚本

window.mySwipe = Swipe(document.getElementById('slider'));