Jquery Touchwipe

Question

我使用Stack Overflow上学到的资源在这里找到示例脚本：http://www.netcu.de/jquery-touchwipe-iphone-ipad-library。

如果我使用以下内容，则在Android上滑动功能失败，用户控制箭头无法在Android或PC上工作（我没有iphone可以测试）：

 <script type="text/javascript">
 $(document).ready(function() {
 $('#imagegallery').cycle({
    fx: 'fade'
 }); 
 $("#imagegallery").touchwipe({
    wipeLeft: function() {
        $("#imagegallery").cycle("next");
    },
    wipeRight: function() {
        $("#imagegallery").cycle("prev");
    }
 });
 });
 </script>

如果我使用它，那么用户控制箭头可以在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>

我尝试了所有我能想到的事情来做自己的学习和实验，但在这一点上我真的可以用正确的方向推动。我在我儿子的网站上使用了一个测试页面：http://zachmcdonald.net/testgallery.php。

您的意见表示赞赏！ 谢谢， 朱莉

Answer 1

我发现执行以下操作更简单

$("#imagegallery").touchwipe({
  wipeLeft: function() {
    $("#imagegallery .Next").click(); // selector for you 'next' btn
  }, 
  wipeRight: function() {
    $("#imagegallery .Previous").click() // selector for your 'prev' btn;
  }
});