jquery 滑块 ui 问题（“幻灯片”与“更改”事件..）答案

【问题标题】：jquery slider ui question ("slide" vs "change" event..)jquery 滑块 ui 问题（“幻灯片”与“更改”事件..）
【发布时间】：2010-06-02 23:55:30
【问题描述】：

jQuery 滑块 ui 存在以下问题：

http://mayacove.com/dev/slider/slider2.html 滑块仅在您拖动句柄时起作用，即，当您拖动滑块时，div 会按预期显示和隐藏（div 会随着滑块的滑动而变化..）但是：如果我单击滑块上的任何点而不是拖动，则 div 仅在我点击一个div应该切换的精确位置，否则div不会切换..请问我该如何解决这个问题？？

(为了更简单，JS代码在slider2.html..)

非常感谢..

【问题讨论】：

标签： jquery user-interface slider

【解决方案1】：

您的更改事件中没有任何代码。我会推荐 slide 和 change 调用一个单独的函数来处理事件，比如;

$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();
            }
        }
};

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

【讨论】：

【解决方案2】：

是的，我知道我的更改事件中没有代码，因为我不知道该放什么代码...！！ ;-)

不幸的是您发布的代码不起作用..即使滑块值没有改变..

http://mayacove.com/dev/slider/slider2a.html

谢谢...

【讨论】：