0

我知道您可以在 jquery ui 滑块中执行以下操作

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

但它似乎在easyui中不起作用。

好的。当用户为最小值/最大值输入新值时，我想更改滑块的最小值/最大值选项，但在 easyui 的文档中，其方法“选项”仅获取选项而无法设置。

好的，这是我根据isherwood的想法尝试过的：

<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 论坛中回答了这个问题。它应该类似于滑块（{min, 20}）。呸！

4

1 回答 1

0

要更改滑块的选项，您需要销毁并重新创建它。

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

$('#mySlider').slider('destroy').end().slider({  
    min: 1,  
    max: 2
});
于 2013-03-16T02:34:46.510 回答