【问题标题】:Bootstrap Slider Controls?引导滑块控件?
【发布时间】:2014-11-25 01:32:06
【问题描述】:

我目前正在使用http://www.eyecon.ro/bootstrap-slider/,它很有效,但是我想将值实时输出到输入框。

js 对工具提示执行此操作,这很好,但是一旦您离开滑块,您将看不到您设置的内容。 有什么建议吗?

【问题讨论】:

  • 只需使用插件随附的slide 事件。向下滚动到您链接到的页面底部,您应该会看到一个示例。
  • 此滑块在当前 Firefox 中不起作用27.0
  • 在谷歌上看到这个,我想插入my fork of bootstrap-slider,这可能对这里的人有所帮助。

标签: javascript jquery twitter-bootstrap


【解决方案1】:

您可以使用插件随附的slide 事件实时记录滑块值。

查看此演示http://jsfiddle.net/vMLPF/1/

代码

$('#foo').slider().on('slide', function(_ev) {
    $('#bar').val(_ev.value);
});

以上代码中#bar代表你要在其中实时显示滑块值的输入框。

【讨论】:

    猜你喜欢
    • 2018-03-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-09
    • 2016-07-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多