Jquery滑块输入的键盘值有效,但滑块不取值
Jquery slider entered keyboard value works but though slider its not taking value
下面是我的代码。。。
<script>
$(function() {
$( "#slider" ).slider({
value:10,
min: 1,
max: 400,
step: 1,
slide: function( event, ui ) {
//Its setting the slider value to the element with id "amount"
$( "#border_me" ).val( ui.value );
}
});
});
</script>
和我的html代码。。
<input id='border_me' class='border_width' value='66' />
我正在使用上面的滑块来显示服务器页面中的一些数据。。。好吧,if i enter value using keyboard and hit enter or mouse click
它工作得很好,但its not taking the value from slider
我在值字段中看到它滑块值正在更新,不幸的是,如果我按enter键或鼠标点击,什么都不会发生。。。。。问题出在哪里?
您正在更改输入中的值,但实际上并没有应用该值。你需要倾听输入中的值变化,然后应用它
jsFiddle
HTML
<input id='border_me' class='border_width' value='66' />
<div id="slider"></div>
JavaScript
$("#slider").slider({
value: 10,
min: 1,
max: 400,
step: 1,
slide: function (event, ui) {
//Its setting the slider value to the element with id "amount"
$("#border_me").val(ui.value);
}
});
$("#border_me").on('change', function () {
$("#slider").slider("value", this.value);
});
相关文章:
- 将键盘输入保存到变量中
- 如何创建一个在JavaScript中执行与键盘输入相同事件的按钮
- 限制键盘输入
- 触发数字键盘输入文本所有移动设备
- 每当我按下输入框内的键盘输入按钮(其中有文本)时,都会出现新的段落
- Javascript:为计算器添加键盘输入
- JavaScript 在没有提交按钮的情况下提交,通过键盘输入
- 如何自动检测键盘输入和自动聚焦以输入并使用js或jquery将其输入到输入中
- 键盘输入
- 在键盘输入期间,在每 n 个字符后放置破折号
- 全屏捕获键盘输入似乎不起作用
- 音色.js键盘输入似乎不起作用
- JavaScript 如何检测键盘输入
- document.onkeydown 键盘输入仅大写
- 单击键盘输入上的指定事件:向上、向下、向左、向右
- 在 D3 中筛选 CSV 的多行.js并更新键盘输入的筛选器
- 输入上的键盘输入按钮
- 如何只允许数字在 texbox 中,但也允许使用法语键盘输入
- 我可以使用 Jquery UI 日期选择器来更改键盘输入日期的格式吗?
- 用html键盘输入