Javascript Touchwipe集成-单页站点脚本
我花了一天的大部分时间进行故障排除,并在这个基于视差的定制单页站点脚本()上搜索关于TouchWipe()集成的问题的答案,这正是我在为我的最新项目搜索的内容 脚本本身做了我想做的一切,漂亮的过渡和键盘控制都是开箱即用的,但我无法掌握如何集成TouchWipe的窍门 其想法是,访问iOS的用户应该能够用手指在页面之间擦拭/滑动/滑动,就像单击导航箭头或使用键盘一样轻松 我的问题是无法尝试调用与单击箭头或使用键盘相同的触摸擦拭手势功能。脚本的单击函数调用部分如下所示:Javascript Touchwipe集成-单页站点脚本,javascript,jquery,iphone,ipad,parallax.js,Javascript,Jquery,Iphone,Ipad,Parallax.js,我花了一天的大部分时间进行故障排除,并在这个基于视差的定制单页站点脚本()上搜索关于TouchWipe()集成的问题的答案,这正是我在为我的最新项目搜索的内容 脚本本身做了我想做的一切,漂亮的过渡和键盘控制都是开箱即用的,但我无法掌握如何集成TouchWipe的窍门 其想法是,访问iOS的用户应该能够用手指在页面之间擦拭/滑动/滑动,就像单击导航箭头或使用键盘一样轻松 我的问题是无法尝试调用与单击箭头或使用键盘相同的触摸擦拭手势功能。脚本的单击函数调用部分如下所示: functi
function setRight(page, text) {
$("#rightText").text(text);
$("#rightControl").show().unbind('click').click(function () {
parallax[page].right();
});
rightKey = function () {
parallax[page].right();
};
}
我绝不是一个JavaScript开发人员,因为我在任何地方都找不到一个关于如何将touch与这个可爱的脚本集成的好答案(我使用一个没有常见问题解答的自定义脚本感到羞耻),所以我向您伸出了手
我已经尝试过在wipe/swip/touch上调用必要功能的多种不同变体,但都失败了。我一辈子都搞不明白为什么这样不行:
<script>
$(document).ready(function(){
$('body').touchwipe({
wipeLeft: function(){ parallax[page].left(); },
wipeRight: function(){ parallax[page].right(); },
wipeUp: function(){ parallax[page].top(); },
wipeDown: function(){ parallax[page].bottom(); }
})
})
</script>
$(文档).ready(函数(){
$('body').touchwipe({
wipeLeft:function(){parallax[page].left();},
wipeRight:function(){parallax[page].right();},
wipeUp:function(){parallax[page].top();},
擦除:函数(){parallax[page].bottom();}
})
})
我希望我已经说清楚了,否则你可以随意打我一拳,如果有人要求,我会提供更多的信息。我相信有一个简单的解释可以解释为什么它不能按我希望的方式运行,但我似乎无法理解。我终于找到了如何用Parallax.js实现TouchWipe脚本 以下是我自己在未来遇到的问题的答案:
<script>
$(document).ready(function(){
$('#index').touchwipe({
wipeLeft: function(){ $(".control").hide(); parallax.right.right(); },
wipeRight: function(){ $(".control").hide(); parallax.left.left(); },
wipeUp: function(){ $(".control").hide(); parallax.top.top(); },
preventDefaultEvents: true
});
$('#right').touchwipe({
wipeRight: function(){ $(".control").hide(); parallax.index.left(); },
preventDefaultEvents: true
})
$('#left').touchwipe({
wipeLeft: function(){ $(".control").hide(); parallax.index.right(); },
preventDefaultEvents: true
})
$('#top').touchwipe({
wipeDown: function(){ $(".control").hide(); parallax.index.bottom(); },
preventDefaultEvents: true
})
});
</script>
然后您必须调用转换和页面更改,就像这样(最后一个ID)(parallax.xxxx.ID用于调用您希望从哪一侧滑入新页面-当我使用TouchWipe将站点设置为webapp时,我当然会从另一个站点滑入页面:wipeUp触发parallax.top,wipeLeft触发parallax.right等):
以下是新的、经过改进的、非常棒的JSFIDLE:
我的同事堆垛机上的代码!因为我最近才在这个论坛上创建了一个用户,所以我只允许发布2个链接。下面是一个自定义单页脚本的JSFIDLE:
$(".control").hide();
parallax.index.bottom();