javascript – 想要将输入字段绑定到jquery-ui滑块手柄

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 想要将输入字段绑定到jquery-ui滑块手柄，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含951字，纯文字阅读大概需要2分钟。

内容图文

我想将输入字段绑定到jquery-ui滑块句柄.因此,每当一个值发生变化时,我希望另一个值也发生变化.例如：如果有人在最??小值输入字段中键入1000,我希望下滑块手柄移动到1000标记.此外,如果用户将下滑块手柄拖动到1000,则输入字段应该反映出来.

使滑块反映输入字段中的更改很容易：

$(minYearInput).blur(function () {
    $("#yearSlider").slider("values", 0, parseInt($(this).val()));
});
$(maxYearInput).blur(function () {   
    $("#yearSlider").slider("values", 1, parseInt($(this).val()));
});

我只需要帮助使文本字段模仿滑块.

$("#yearSlider").slider({
    range: true,
    min: 1994,
    max: 2011,
    step: 1,
    values: [ 1994 , 2011 ],
    slide: function(event, ui) {
        //what goes here?
    }
}); 

有任何想法吗？

来自这个网站的类似问题：Jquery UI Slider – Input a Value and Slider Move to Location

解决方法:

仔细查看JQuery UI’s page about the range slider上的示例代码.

您可以通过ui对象访问滑块所具有的值.
如：

function(event, ui) {
    //what goes here?
    $(minyearInput).val(ui.values[0]);
    $(maxyearInput).val(ui.values[1]);
}

内容总结

以上是互联网集市为您收集整理的javascript – 想要将输入字段绑定到jquery-ui滑块手柄全部内容，希望文章能够帮你解决javascript – 想要将输入字段绑定到jquery-ui滑块手柄所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端