Jquery plugins jquerytouchwipe
我使用在堆栈溢出上学习的资源在此处查找示例脚本: 如果我使用以下命令,则在android上滑动功能失败,并且用户控制箭头在android或pc上无法工作(我没有iphone可供测试):Jquery plugins jquerytouchwipe,jquery-plugins,jquery-mobile,swipe,Jquery Plugins,Jquery Mobile,Swipe,我使用在堆栈溢出上学习的资源在此处查找示例脚本: 如果我使用以下命令,则在android上滑动功能失败,并且用户控制箭头在android或pc上无法工作(我没有iphone可供测试): $(文档).ready(函数(){ $('#imagegallery')。循环({ 外汇:“褪色” }); $(“#图像库”).touchwipe({ 左:函数(){ $(“#图像库”)。循环(“下一步”); }, 右键:函数(){ 美元(“#图像画廊”)。周期(“上一个”); } }); }); 如果我使
$(文档).ready(函数(){
$('#imagegallery')。循环({
外汇:“褪色”
});
$(“#图像库”).touchwipe({
左:函数(){
$(“#图像库”)。循环(“下一步”);
},
右键:函数(){
美元(“#图像画廊”)。周期(“上一个”);
}
});
});
如果我使用此功能,则用户控制箭头在pc和android上工作,但滑动功能仍然无法工作:
<script type="text/javascript">
$(document).ready(function() {
$('#imagegallery').cycle({
fx: 'fade',
prev: '#prev',
next: '#next',
speed: 300
});
$("#imagegallery").touchwipe({
wipeLeft: function() {
$("#imagegallery").cycle("next").alert("left");
},
wipeRight: function() {
$("#imagegallery").cycle("prev").alert("right");
}
});
});
var swipeOptions = {
swipe : swipe,
threshold : 75
}
</script>
$(文档).ready(函数(){
$('#imagegallery')。循环({
外汇:“淡出”,
上一页:“#上一页”,
下一个:“#下一个”,
航速:300
});
$(“#图像库”).touchwipe({
左:函数(){
$(“#imagegallery”)。循环(“下一步”)。警报(“左”);
},
右键:函数(){
$(#imagegallery”)。周期(“上一个”)。警报(“右”);
}
});
});
变量swipeOptions={
刷:刷,
阈值:75
}
我尝试了我能想到的一切去做我自己的学习和实验,但在这一点上,我真的可以朝着正确的方向前进。我正在使用我儿子网站上的测试页面:
谢谢你的想法!
谢谢
朱莉我发现做以下事情更简单
$("#imagegallery").touchwipe({
wipeLeft: function() {
$("#imagegallery .Next").click(); // selector for you 'next' btn
},
wipeRight: function() {
$("#imagegallery .Previous").click() // selector for your 'prev' btn;
}
});
$("#imagegallery").touchwipe({
wipeLeft: function() {
$("#imagegallery .Next").click(); // selector for you 'next' btn
},
wipeRight: function() {
$("#imagegallery .Previous").click() // selector for your 'prev' btn;
}
});