jQuery的滑块UI的问题（“幻灯片”与“变”的事件。）

与jQuery的滑块UI以下问题：当你拖动手柄，即jQuery的滑块UI的问题（“幻灯片”与“变”的事件。）

http://mayacove.com/dev/slider/slider2.html 滑块只适用，当你拖动滑块的div按预期方式显示和隐藏（divs更改为滑块幻灯片..）但是：如果我单击滑块上的任意点而不是拖动，div将更改只有当我点击div应该切换的精确点时，否则div不会切换..我该如何解决这个问题？

（使它更简单的JS代码在slider2.html ..）

非常感谢你..

来源

2010-06-02 kali

没有在你的改变事件的任何代码。我会推荐滑动和更改调用一个单独的函数来处理事件，所以类似;

$slider.slider({ 
    slide: SlideChangeEvent, 
    change: SlideChangeEvent 
}); 

var SlideChangeEvent = function(e,ui){ 
    var currVal = Math.round((19500*ui.value)/100); 
     $("#points-value").html(format(currVal)); 
     for (i=0; i < intervals.length; i++) { 
      if (ui.value == intervals[i]) { 
       $("#points-value").html(format(intervalsPoints[i])); 
       $("#divs-to-show > div").hide(); 
       $("#divs-to-show > div").eq(i).show(); 
      } 
     } 
};

对不起，我还没有测试它，虽然没有理由不应该工作，虽然我不认为。

来源

2010-06-02 15:39:08