0

我使用在 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。

感谢您的想法！谢谢，朱莉

4

1 回答 1

1

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

$("#imagegallery").touchwipe({
  wipeLeft: function() {
    $("#imagegallery .Next").click(); // selector for you 'next' btn
  }, 
  wipeRight: function() {
    $("#imagegallery .Previous").click() // selector for your 'prev' btn;
  }
});
于 2012-10-03T19:56:44.317 回答