我需要滑块使用鼠标滚轮

Question

请参阅此网址： http://whipwap.co.uk/shopsense/slider_example/slider_test.html

，代码是：

（文档）$。就绪（函数（）{

$（ “＃内容滑块”）。滑块（{       鼠标滚轮：真实，     动画：真的，     更改：handleSliderChange，     slide：handleSliderSlide   }）; }）;

现在我想用鼠标滚轮滑动。我怎么能这样做。

寻求您的支持。

谢谢，

迪帕克

Answer 1

在$(document).read()添加此代码：

      $("#content-slider").bind('mousewheel', function(event, delta) {
          var newValue = $(this).slider("value");
          var step = $(this).slider("option", "step");
          if (delta > 0)
              newValue += step;
          else
              newValue -= step;
          $(this).slider("value", newValue);
      });

您可能希望减少动画长度或清除handleSliderChange()中的队列，因为使用鼠标滚轮时滑动会变得紧张。