我需要使用鼠标滚轮进行滑块工作

Question

请看这个网址： http://whipwap.co.uk/shopsense/slider_example/slider_test.html

代码是：

$(document).ready(function(){

$("#content-slider").slider({ 鼠标滚轮：正确， 动画：真实， 更改：handleSliderChange， 幻灯片：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() 中的队列，因为使用时滑动会变得不稳定鼠标滚轮。