2015-01-14 83 views
1

特定步驟我使用jQuery-ui slider和我初始化滑塊給予:禁用jQuery中滑塊插件

分鐘值:0

最大值:5

和使能步驟選項。

在頁面加載時,第一步中的滑塊處理程序(0)。 到這裏一切都好。

問題:當用戶滑動處理程序的任何其他步驟(1〜5),他必須能夠重新選擇步0

簡而言之:我想禁用步當用戶移動處理到另一個位置

這個0是HTML:

<div class="eval-card-slider-wrapper noselect col-xs-12 col-lg-5">  
    <div class="col-xs-9">       
     <div class="eval-card-slider"></div> 
    </div>      
</div> 

這是我如何初始化插件:

$("div.eval-card-slider").slider({ 
     value: 0, 
     min: 0, 
     max: 5, 
     step: 1, 
     slide: function (event, ui) { 
      var that = $(this); 
      var val = ui.value; 
      that.closest('.eval-card-slider-wrapper').find('.eval-slider-value-holder').attr('data-sliderVal', val); 
      qstAverageUpdate(that); 
     } 
    }); 

注:我不能減少總的步驟。

回答

0

例如,你可以讓這個當用戶試圖選擇它可以追溯到或以前選擇

$("div.eval-card-slider").slider({ 
    value: 0, 
    min: 0, 
    max: 5, 
    step: 1, 
    change: function (event, ui) { 
     if(!$(this).slider("value")) 
      $(this).slider("option", "value", 1); 
    }, 
}); 

http://jsfiddle.net/0660081o/