使用幻燈片並停止在JQueryUI滑塊

Question

我正在使用JQueryUI滑塊，它工作的很好。

我使用滑塊滑塊停止時執行的函數，但是，我想滑塊值更新一個div作爲其滑動......如此有效，我需要使用slider: function(event, ui) { update DIV }和.stop: function(event, ui) { Do Something }。這可能嗎？滑塊仍然可以工作，但滑塊所在的數字不會顯示在DIV中，因爲它應該是。

這裏就是我試過，什麼失敗：

<div id="sliderr" style="width:400px; margin-top:100px;"></div><div id="amount"></div> 

$("#sliderr").slider({     
      value: 0, 
      min: -20, 
      max: 20, 
      step: 0.1, 
      slider: function(event, ui) { 
        var curVal = ui.value; 
        $('#amount').text(curVal); 
      }, 
      stop: function(event, ui) { 
        var curVal = ui.value; 
        this.doSomething(curVal); 

      } 
    }); 

Answer 1

事件是slide不slider。 http://api.jqueryui.com/slider/#event-slide

slide: function (event, ui) { 
    var curVal = ui.value; 
    $('#amount').text(curVal); 
}, 

jsFiddle example