0

jquery uiスライダーで次のことができることを知っています

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

しかし、同じことが easyui では機能しないようです。

Ok。ユーザーが最小値/最大値の新しい値を入力したときに、スライダーの最小値/最大値オプションを変更したかったのですが、easyui のドキュメントでは、そのメソッド 'option' はオプションのみを取得し、設定できません。

さて、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>

更新: この質問は、easyui フォーラムで stworthy によって回答されました。これは、slider({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 に答える