Question

有关于jquery滑块ui的以下问题：

http://mayacove.com/dev/slider/slider2.html 滑块仅在拖动手柄时有效，即当您拖动滑块时div显示并隐藏预期（divs更改为滑块幻灯片..）但是：如果我点击滑块上的任何点而不是拖动，div只会改变，如果我点击div应该切换的精确位置，否则div不会切换..我该如何解决这个问题？

（为了简化JS代码在slider2.html中..）

非常感谢..

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

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

Answer 2

是的我知道我的更改活动中没有代码，因为我不知道要放在哪里的代码...... !! ; - ）

遗憾的是，您发布的代码不起作用..甚至滑块值也不会改变..

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

谢谢......

jquery slider ui question（“slide”vs“change”event ..）

2 个答案: