響應格在jQuery Mobile的

Question

我試圖創建一個使用jQuery Mobile的一個負責任的頁面。我正在使用ui-grid創建3列布局（在寬屏幕上）並使用媒體查詢，我將其顯示爲移動設備上的3行1列網格。

但我想實現的是：在移動，而不是3排佈置，只有1格應顯示和刷卡應顯示第二電網等（有點像滑塊）

能有人提供我樣品&代碼片段，以實現這個在JQuery的移動？

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'));