使用Jquery ui时滑块无法工作
Slider not working using Jquery ui
我正在尝试使用jquery实现滑块功能。滑块是可见的,滚动时它会获取值,但不会显示在屏幕上。我在ui.value上使用了console.log,而且我只想要94到110之间的值。
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-btns">
</div><!-- panel-btns -->
</div><!-- panel-heading -->
<div class="panel-body">
<label for="temp">Temparature: </label>
<div id="temp"></div>
<div id="slider-min"></div>
</div><!-- panel-body -->
</div><!-- panel -->
</div><!-- col-md-6 -->
</div><!-- row -->
<script>
$(document).ready(function(){
$('#slider-min').slider({
range: 'min',
max: 110,
value: 92,
slide: function(event,ui){
console.log(ui.value);
$( "#temp" ).val( "$" + ui.value );
}
});
$("#temp").val($("#slider-min").slider("value"));
});
</script>
需要帮助。
像这样设置div的内容
$( "#temp" ).html( "$" + ui.value );
并在选项中提供最小值
$(document).ready(function(){
$('#slider-min').slider({
range: 'min',
max: 110,
min: 94,
value: 94,
slide: function(event,ui){
console.log(ui.value);
$( "#temp" ).html( "$" + ui.value );
}
});
$("#temp").val($("#slider-min").slider("value"));
});
Fiddle来了http://jsfiddle.net/76mxLjad/1/
如果您使用打印input
中的值,在这种情况下,您需要使用val()。因此,您在div中打印值,因此最好使用文本或html $( "#temp" ).text( "$" + ui.value );
相关文章:
- 不正确的工作jquery插件bxslider与插件elevatezoom
- 更改图像src-dons't工作jquery/js
- event.prventDefault()不工作(jQuery实时)
- delay()不会'第二次工作jquery
- 如何工作 jQuery 就绪
- 几天后,昨天停止工作jQuery
- .click() 不再工作 jquery.
- 如何使工作jquery"“滑动”;在iPad上滚动
- 为什么不是't这个选择器正在工作(Jquery和Asp.net)
- Flexslider无法在html网站中工作(jQuery无法加载?)
- 点击,点击不工作?jquery
- 按钮在“加”和“减”之间切换,需要“点击”;只能在fa +上工作.jQuery
- 突出显示搜索列表不工作(jquery问题)
- 页眉内的Div /靠近页面顶部/在2次点击事件后不显示,而它的's页脚双胞胎工作- jquery
- 为什么css后台jQuery代码不工作jQuery设置多个css值
- .stop()不是't使用我的悬停,使快速移动工作-jQuery
- 自定义验证方法不工作- jQuery验证插件
- 数据表columnDefs不工作:jquery / javascript
- 工作jQuery代码赢得'不要在电话间隙跑步
- 我的Javascript代码不工作- Jquery选择器问题