如何在jQuery EasyUI滑塊中隨時更改選項（例如，最小值，最大值）？

我知道你可以做以下的jQuery UI的滑塊如何在jQuery EasyUI滑塊中隨時更改選項（例如，最小值，最大值）？

$(".selector").slider("option", "min", 26);

但現在看來，同樣在easyui不起作用。

好的。我想在用戶輸入最小/最大值的新值時更改滑塊的最小/最大值選項，但在easyui的文檔中，其方法「選項」僅獲取選項並且無法設置。

好以下是我根據伊舍伍德的想法嘗試：

<head> 
<link href="easyui/themes/default/slider.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript" src="easyui/jquery-1.8.0.min.js"></script> 
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> 
<script type="text/javascript" > 
$(document).ready(function(){ 
$("#myslider").slider({ 
    width: 300, 
    mode: 'h', 
    showTip: true, 
    value: 5, 
    min: 0, 
    max: 10, 
}); 
$("#min")[0].addEventListener("input", function(){ 
var v = $("#min").val(); 
if (v <= 5) { 
    $("#myslider").slider('destroy').slider({ 
     width: 300, 
     mode: 'h', 
     showTip: true, 
     value: 5, 
     min: v, 
     max: 10 
    }); 
} 
else { 
    alert("out of bound(1-5): " + v); 
} 
}, false); 
});</script> 
</head> 
<body> 
<input type="text" id="min" value="0"></input> <br /><br /><br /> 
<div id="myslider"></div> 
</body> 
</html>

更新：此問題已通過stworthy easyui論壇回答。它應該像slider（{min，20}）。咄！

來源

2013-03-16 KudoofTheQ

後更多的代碼，並解釋你想做的事 – 2013-03-16 02:09:35

要更改滑塊的選項，您需要銷燬並重新創建它。

http://www.jeasyui.com/documentation/index.php

$('#mySlider').slider('destroy').end().slider({ 
    min: 1, 
    max: 2 
});

來源

2013-03-16 02:34:46 isherwood

應該.slider（「破壞」）的工作到底是什麼。破壞後，重新創建不會觸發。 – KudoofTheQ 2013-03-16 03:50:31

嘗試使用包含的end（）方法。 – isherwood 2013-03-16 04:31:47

仍不會重新創建滑塊。它適用於你的嗎？ – KudoofTheQ 2013-03-16 04:50:49

如何在jQuery EasyUI滑塊中隨時更改選項（例如，最小值，最大值）？

回答

相關問題