2012-06-19 71 views
0

裏面我感到有點卡住:JQuery用戶界面:更改滑塊最大的事件處理程序

我想,而我是一個事件(如change:)內改變jQueryUI的滑塊的「最大」選項。

當我在活動中時,如何調用「max」選項?

編輯:我的代碼如下:

$('#slider0').slider({ 
     value: 100, 
     min: 0, 
     max: 500, 
     range: "min", 
     step: 50, 
     stop: function(event, ui) { 
      var amt_val = (THIS IS THE CURRENT VALUE OF THE SLIDER) 
      if(amt_val === 400) { 
       $('#slider0').slider("option", "max", 10); 
      } 
     } 
}); 

但是,每當我設置滑塊等於400,手柄和價值去0,和手柄凍結。

+0

選中此http://jsfiddle.net/joycse06/ WKyYv/3 /,但是你的選擇器應該用'$('#slider0')' –

+0

'引號括起來 - 意識到我的新值太小,而滑塊的寬度保持不變。非常感謝! –

+0

非常歡迎。 :) –

回答

1

您可以更改像

$(".selector").slider("option", "max", 7); 

選項查看文檔頁面的選項選項卡jQuery UI Slider

演示:http://jsfiddle.net/joycse06/WKyYv/

+0

感謝您的答覆。請參閱上面的編輯。 –

+0

@JackBauer,你指的是哪些編輯? –

+0

@JackBauer,它在這裏工作正常http://jsfiddle.net/joycse06/WKyYv/3/ –