2014-03-06 27 views
0

經過多年使用STOFLW,第一次我第一次沒有找到第一眼看到的答案。所以,讓我們去:在Jquery UI滑塊處理程序中設置第二個處理程序的最大值

我有一個jQuery UI的滑動範圍,可以說從-5到5.我想設置第二處理程序maximun爲0後第一個移動到一個正值(實際上是第一個處理程序已經被迫僅選擇正值)。

另一種方式來問的問題是「我可以強制處理程序之一,只選擇psoitive值,而另一個只能消極的」

問候和BTW,萬分感謝大家在這裏的,你救了我噸minuts的。

+1

創建的你有什麼,所以無功http://jsfiddle.net –

+0

感謝小提琴,我已經已經修好了。我用我找到的解決方案編輯了這篇文章。 – Santirisco

+0

有點難以閱讀該解決方案,但如果您滿意,下游沒有人需要維護您的所有優點:) – alexmac

回答

0

發現的解決方案,我已經編輯了帖子,並在這裏做了的jsfiddle:http://jsfiddle.net/santirisco/mPNsC/3/

$(".slider-form").slider({ 
      values: [0,0], 
      min: -5, 
      max: 5, 
      step:.5, 
      animate: true, 
      create: function(event, ui) { 
     //On Create create an array to store the values of each handler 
       hndlrpos=[]; 
      }, 
      stop: function(event, ui) { 
     //On Stop store the values of each handler 
       for (i=0; i<=$('.ui-slider-handle').length; i++){ 
        hndlrpos[i]=ui.values[i] 
       } 
      }, 
      slide: function(event, ui) { 
     //ON Slide return false if we are overpasing the limits, 
     //this part shuold be improved but by now it's working 
       if((hndlrpos[0]!== undefined && hndlrpos[0]>0&&(ui.values[1])>0) 
        || 
        (hndlrpos[0]!== undefined && hndlrpos[0]<0&&(ui.values[1])<0) 
        || 
        (hndlrpos[1]!== undefined && hndlrpos[1]>0&&(ui.values[0])>0) 
        || 
        (hndlrpos[1]!== undefined && hndlrpos[1]<0&&(ui.values[0])<0)) 
       { 
        return false; 
       } 
      } 

     }); 
0

的文件說 分鐘:300,最大 :2500, 步驟:100, 值:500,

我的例子中,我用我自己的。

$("#slider-impulseH").slider({ 
orientation: "hortizonal", 
range: "min", 
min: 300, 
max: 2500, 
step: 100, 
value: 500, 
slide: function(event, ui) { 
    $("#engineI").text(ui.value); 
    } 
change: function(event, ui) { 
$("#engineI").text(ui.value); 
} 
}); 

在滑塊slider文件的最大值。

+0

我有一個很好的github示例,但我使用它進行一些連接節點服務器以驅動坦克通過無線;但在這裏你去代碼示例[我的git滑塊示例](https://github.com/alexmac131/NodeXbeeTank) – alexmac

+0

哇!真棒坦克!這似乎很棒。無論如何,這不完全是我需要的。問題是:我有兩個處理程序,如果一個移動到大於0的值,另一個只能移動到低於0的值,反之亦然(當然,如果任何處理程序移動到0,則可以移動其他任何地方)。我已經找到了解決方案,這裏是:http://jsfiddle.net/santirisco/mPNsC/3/謝謝(或者我應該saud坦克;)) – Santirisco

+0

你可以有很多處理程序和層,雖然我我仍然在學習註冊事件,我在我的github代碼中管理它。我很高興能夠提供幫助,請記住接受答案,以便獲得信貸。如果你對此感興趣,那麼在我的git中還有另外一件事(與你現在的行爲無關) – alexmac