当使用Jquery UI滑块时仅推动点数时,滑块的值不会改变

时间:2014-05-27 05:14:15

标签: jquery jquery-ui

我有问题。

例如,http://simeydotme.github.io/jQuery-ui-Slider-Pips/中的slider10 按下滑块时,滑块的值和点的值都会改变。

但是,如果只推到点(在这个例子中,几个月),pips(月)的值发生了变化,但是滑块的值没有改变滑块上按钮的位置。已经改变了。

这是我的代码: HTTP // jsfiddle.net / si22si22 / 2m5Np / 1 /

我想也许是" ui.value"没有滑动就无法得到滑块的值?

非常感谢任何帮助或指示!

由于

1 个答案:

答案 0 :(得分:2)

Si22si。

http://jsfiddle.net/2m5Np/7/
^^请查看,并注意,当点击一个点(有目的地)时,slider-pips插件只触发slidechange而不是slide:)

var pse = ["a","b","c","d","e","f", "g"];
var initValue = 0;

$("#slider")

  .slider({ 
    max: 3, 
    min: -3, 
    step: 1,
    value: initValue
  })

  .slider("pips" , {
    rest: "label" , 
    labels: pse
  })

  .on("slidechange slide", function( event, ui ) {

    $( "#amount" ).val( ui.value );

  });

$( "#amount" ).val( initValue );

请注意格式的细微变化,这是我的偏好,因为它会阻止您在“slidechange”和“slide”事件中重复代码。在init之后我也选择不简单地trigger slidechange,这是因为当你触发ui事件时,滑块插件(jQuery)似乎不会返回slidechange对象马上:/

希望这有帮助,交配!