jQuery向左/向右拖动

我刚刚创建了一个带图像的自定义轮播，并且有上一个/下一个箭头来移动图像。 jQuery是否有一个事件，我可以点击照片，向左或向右拖动它并触发我目前在箭头上的相同动作？我目前的代码看起来像这样

$carousel.animate({
    left: '+=' + amountToAnimate
}, 800, 'backEaseOut');

我还需要阻止Firefox“选择”图像。如果有帮助的话，我已经在使用jQuery UI了。

已邀请:

2 个回复

吞睫素

您需要在项目中添加draggable（）并在start事件中添加一些自定义代码。使用更多示例代码可能更容易提供更全面的建议，jsfiddle.net示例是最好的编辑：您可以使用事件api http://api.jquery.com/category/events/,mousemove和mousedown来确定移动图像的方式，并调用animate事件。重新使用draggable，有一些聪明的选项和事件功能可能会更好

I also need to prevent Firefox from 'picking' the image up.

使用Mozilla CSS扩展

-moz-user-focus:ignore; 
-moz-user-select:none;

可能会做的伎俩。

坝硷操

这可能不是最优雅的解决方案，但我相信它应该能够胜任 //快捷方式 var j = jQuery; //将鼠标向下添加到图像中 Ĵ（ '＃image_id'）。鼠标按下（函数（）{

// add mouse move
j('#image_id').mouseMove(function(event){

      // declare vars
      var previous_x_position;
      var previous_y_position;

      if(x_position)
      {
         previous_x_position = x_position;
         previous_y_position = y_position;
      }

      var x_position = event.pageX;
      var y_position = event.pageY;

      if(previous_x_position < x_position)
      {
          // we are moving right
      }
      else
      {
          // we are moving left
      }
      if(previous_y_position < y_position)
      {
          // we are moving down
      }
      else
      {
          // we are moving up
      }


})

}）

要回复问题请先登录或注册

jQuery向左/向右拖动

2 个回复

发起人

drag

问题状态

jQuery向左/向右拖动

与内容相关的链接

2 个回复

发起人

drag

问题状态