Question

我在我的应用程序中完成了几乎所有功能。我在移除鼠标时在 tabhold 和 vmouseup 上完成了动画。但我需要一次只移动一个图像使用向左或向右滑动时左右移动。但我的图像仅在右侧而不是在左侧旋转。你能告诉我如何旋转图像吗？链接findle：http://jsfiddle.net/PMrDn/101/

$(document).off('swipeleft').on('swipeleft', '#index', function(event){    
        timerObject.interval_id = setInterval(animate, 20);
    });

    $(document).off('swiperight').on('swiperight', '#index', function(event){   
        timerObject.interval_id = setInterval(animate, 20);           
    });

Answer 1

向左或向右滑动时，您正在使用相同的功能（动画）。您可以为每个功能使用不同的功能，也可以传递一些参数来指定左转或右转。

如果你改变了 boxes[idx].currentAngle--;

要 boxes[idx].currentAngle++;

项目向左转

Answer 2

您正在为两种情况调用animate（），但animate（）仅向右旋转（boxes[idx].currentAngle--;）。您可以将角度差传递给animate（），而不是总是减去1.示例：http://jsfiddle.net/PMrDn/102/

使用Jquery或Jquery Mobile中的左侧滑动向左旋转图像

2 个答案: