使用jQuery UI範圍滑塊，獲取值

Question

我正在使用jquery UI滑塊來允許用戶增加/減少選擇範圍，我需要知道（根據滑塊的原始值）如果用戶想要增加或減少。

這是我的功能，我不確定在更改之前將代碼放在原始值的哪裏。誰能幫我這個？

任何幫助/建議表示讚賞！

function createRangeSliderOutOfIframe(kinorid) { 
    $("#slider-range" + kinorid).slider({ 
     animate: true, 
     step: 1, 
     min: 1, 
     max: 6, 
     value: 1, 

     slide: function (event, ui) { 

     }, 
     change: function (event, ui) { 
      if (ui.value >= 1) { 

       var add = '<span class="kSelectedA">Link</span>'; 

       $("#myFrame").contents().find('*').each(function() { 
        if ($(this).attr('kinorid') == kinorid) { 
         if (count == 0) { 
          $(result).parent().before(add); 
          count += 1; 
         } 
         else if (count <= 6 && count != 0) { 
          result = $(this).parent(); 
          for (i = 0; i < count; i++) { 
           result = $(result).parent(); 
           //test += 1; 
          } 
          $(result).parent().before(add); 
          count += 1; 

          $('#trackingInfo').append('<br/>The range of the selection Increased<br/>The new range is now a' + $(result).parent().get(0).nodeName + 'node'); 
          //alert(count); 
         } 

        } 
       }); 

      } 

     } 
    }); 
    //$("#amount"+kinorid).val("$" + $("#slider-range" + kinorid).slider("value")); 
    var value = $("#slider-range" + kinorid).slider("option", "value"); 
    alert(value); 
} 

謝謝

Answer 1

在一般情況下，您可以通過點擊進入start事件確定滑塊的起始值：

$("#selector").slider({ start: function(event, ui) { ... }); 

再加上與change或stop事件，你可以確定用戶是否增加或減少滑塊的數值：

var start = 0; 
$("#slider").slider({ 
    start: function(event, ui) { 
     // ui.value is the starting value 
     start = ui.value; 
    }, 
    stop: function(event, ui) { 
     // now ui.value is the value the user set after stopping the sliding. 
     $("#delta").text(ui.value > start ? "increasing" : "decreasing"); 
    } 
}); 

下面是一個工作示例，用於確定是增加還是減小滑塊的值。希望這就是你要找的：http://jsfiddle.net/andrewwhitaker/rwKsh/