use*_*273 1 javascript jquery jquery-mobile
我试图使用滑动效果的移动应用程序.我已经测试并努力改变页面.但它非常敏感.很多时候我只想滚动并改变页面.
有可能在此事件中修复触摸屏上的敏感度吗？
这是我的代码:
$(document).on('swipeleft', '[data-role="page"]', function(event){
if(event.handled !== true) // This will prevent event triggering more then once
{
var nextpage = $(this).next('[data-role="page"]');
// swipe using id of next page if exists
if (nextpage.length > 0) {
$.mobile.changePage(nextpage, {transition: "slide", reverse: false}, true, true);
}
event.handled = true;
}
return false;
});
$(document).on('swiperight', '[data-role="page"]', function(event){
if(event.handled !== true) // This will prevent event triggering more then once
{
var prevpage = $(this).prev('[data-role="page"]');
if (prevpage.length > 0) {
$.mobile.changePage(prevpage, {transition: "slide", reverse: true}, true, true);
}
event.handled = true;
}
return false;
});
在jQuery Mobile的,你需要的水平和垂直拖拽距离设置新值horizontalDistanceThreshold和verticalDistanceThreshold.
请注意,您需要将更改绑定到mobileinit事件,并且应该<head>在加载jQuery js文件之后和加载jQuery-Mobile js之前放入代码.
<script src="jquery.js"></script>
<script>
$(document).bind("mobileinit", function(){
$.event.special.swipe.horizontalDistanceThreshold = '100'; // default 30px
$.event.special.swipe.verticalDistanceThreshold = '150'; // default 75px
});
</script>
<script src="jquery-mobile.js"></script>