jQuery Mobile是否相当于Android的ViewPager?
我想使用jQuery Mobile创建水平滑动效果。 经过一些研究后,我发现ViewPager
(通常位于Android Market的应用详细信息页面中) ViewPager
我的需求。 在指定的页面中,作者将其与Android中的代码一起描述,但我想知道jQM中是否存在等效的插件或function。
我喜欢SwipeJS ,它很轻巧,我喜欢它使用的一对一滑动因子(当你在元素上滑动手指时,它会以相同的速率移动)。
iScroll 4也运行良好(设置似乎比SwipeJS更难)。
但是,您可以在jQuery Mobile中使用内置的swipe
事件。 您可以绑定到data-role="page"
元素的swipeleft
或swiperight
事件,并根据当前页面将用户导航到正确的页面:
$(document).delegate('#page-two', 'swipeleft', function () { //next page $.mobile.changePage($('#page-three')); }).delegate('#page-two', 'swiperight', function () { //prev page $.mobile.changePage($('#page-one'), { reverse : true }); });
这是一个演示: http : //jsfiddle.net/fFGvD/
注意{ reverse : true }
对象作为选项对象传递给changePage()
函数,因此动画将反向播放。
- 在index.html页面中调用外部HTML页面时页眉和页脚位置不固定?
- Android – Javascript:如何在webview中执行jquery
- 如何在cloudant查询中对日期进行排序
- 解决未捕获的SyntaxError:意外的令牌>
- javascript文件cordova ..如何通过变量传递值
- document.location.href = ‘#位置’; 与$ .mobile.changePage(’#position’);
- 如何在jquery mobile中更改默认加载ajax loader gif
- 无法使用javascript在Phonegap中查找变量
- 当我设置错误的凭据时,为什么我的http basic auth请求获得状态0? Phonegap Android