Vij*_*Dev 5 jquery jquery-ui slider
我正在尝试使用jQuery Slider并使用一个例子来玩.
编辑: 我想让滑块显示值,如标尺,以提高可用性.就像现在一样,我发现很难通过可用性测试.人们抱怨他们想知道在开始滑行之前他们正在采摘什么价值.
我有什么想法可以达到这个目的吗？就我搜索而言,我无法确定此功能是否已存在或是否如何执行此操作.
<html>
<head>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.slider.js"></script>
<style type="text/css">
#slider { margin: 10px; }
</style>
<script type="text/javascript">
$(function() {
$("#slider").slider({
value: 50,
min: 0,
max: 99,
step: 1,
slide: function(event, ui) {
$("#amount").val('$' + ui.value);
}
});
$("#amount").val('$' + $("#slider").slider("value"));
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="slider"></div>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
</body>
</html>
| 归档时间： |
|
| 查看次数： |
8858 次 |
| 最近记录： |