我需要 slider 使用鼠标滚轮

Question

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

代码是：

$(文档).ready(函数(){

$("#content-slider").slider({ mousewheel:true, animate: true, change: 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);
      });

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