使用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/