Question

jquery mobile如何把三个page用swiper连接

打开显示中间的page，滑动可以两边转换，代码怎么写？

Answer 1

jqm没有这个功能哈，只能去找swiper插件来实现了。jqm有swipeLeft(向左滑)、swipeRight(向右滑) 事件来监听左右划动，但是不是那种跟着手指一直拖动的效果。

<div id="box">
<div class="page" data-role="page">page1</div>
<div class="page ui-page-active" data-role="page">page2</div>
<div class="page" data-role="page">page3</div>
</div>
<script>
var box=$("#box");
var spage=box.find("page");
var cur=0;
var len=spage.length;
box.bind("swipeLeft",function(){
if(cur==0){return}else{
cur--;
spage.eq(cur).show();//或者使用changePage
}
})bind("swipeRight",function(){

if(cur==len){return}else{
cur++;
spage.eq(cur).show();//或者使用changePage
}
});
</script>

jqm其实是个很垃圾的框架，真心不建议多用。类似的jqmobi效率比他高很多很多，建议看看。