jQuery旋转和滑动

Question

因此，我有一个小滑块盒，你可以滑行前后箭头滚动内容。但我想增加它的滑动功能，这是我第一次搞砸任何东西，所以我有点迷失了，下面是我正在玩的代码；

//script for sliders

var currentlyAnimating = false;

$('.box-left').click(slideleft);
$( ".r-wide-box" ).on( "swipeleft", slideleft);

$('.box-right, .phone-next-serv').click(slideright);
$( ".r-wide-box" ).on( "swiperight", slideright);

  function slideleft ( ){
     var width = $(".wide-box > .row-fluid-wrapper").width();
    if (currentlyAnimating) {
        return;
    }

    currentlyAnimating = true;
    $('.wide-box > .row-fluid-wrapper:last').prependTo('.wide-box');
    $('.wide-box').css('left', -width);

    $('.wide-box').animate({
        left: '0px'
    }, 500, 'linear', function() {
        $('.wide-box').css('left', '0px');

        currentlyAnimating = false;
    });

  }


  function slideright ( ){
    var width = $(".wide-box > .row-fluid-wrapper").width();
    if (currentlyAnimating) {
        return;
    }

    currentlyAnimating = true;

    $('.wide-box').animate({
        left: -width
    }, 500, 'linear', function() {
        $('.wide-box').css('left', '0px');
        $('.wide-box > .row-fluid-wrapper:first').appendTo('.wide-box');
        currentlyAnimating = false;
    });


};

Answer 1

JQuery还没有为移动设备定义事件，比如滑动、触摸等。

理想情况下，在开发移动应用程序或支持响应性布局设计时，这些事件是必需的。只有这样，这些事件才是必需的。因此，它只在jQuery手机中定义，而不是在JQuery中定义。

添加jquery可能会起作用，但我建议不要添加它，因为jQuery mobile的设计目的完全不同，即通过为页面、标题等提供预定义的属性来开发移动应用程序。

仅仅是googling就可以提供一些支持触摸事件的好库。

Answer 2

只需要添加jquery库

<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>