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 に答える