jquery-ui slider 能否将最大最小值对调?
2016-01-09 · 做真实的自己 用良心做教育
jquery-ui slider不能把最大最小兑换,因为这个ui已经封装好了。
比如:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>滑块部件(Slider Widget)演示</title>
<link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
<style>#slider { margin: 10px; } </style>
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
</head>
<body>
<div id="slider"></div>
<script>
$( "#slider" ).slider();
</script>
</body>
</html>
运行结果:
2015-07-04
比如从:1-10的小数滑动(1.1,1.2...9.8,9.9,10)
$( "#slider-rangec" ).slider({
range: true,
min: 10,
max: 100,
values: [10, 100 ], //这里范围设置10倍
slide: function( event, ui ) {
$( "#input_1" ).val(ui.values[ 0 ]/10);
$( "#input_2" ).val(ui.values[ 1 ]/10);
}
});
$( "#input_1" ).val( 1 );$( "#input_2" ).val( 10 ); //这里初始化正常整数
我的意思是从10滑向1~就是10在左边,1在右边·jQuery-ui不是默认min在最左边,max在最右边嘛···我就想问能不能调换一下呢