Question

我希望在滑块从中间向右侧移动时更改文本，当滑块从中间向左侧移动时更改为另一个文本，在滑块位于中间时更改为另一个文本确切的中间（起始位置）（弹出工具提示应该是永久性的）

这是我的代码：

HTML：

<div class="col-md-4">
    <input autocomplete="on" type="range" min="0" max="20" value="10" 
           id="agriculture" data-toggle="tooltip" data-placement="bottom" 
           title="Hey! You should drag me!">
</div>

JS：

 $("#agriculture").tooltip();

这是我当前的fiddle设置。

请帮助我实现这一目标。如果我移动滑块，则必须调用某个函数，并根据位置更改文本。

提前致谢。

Answer 1

http://jsfiddle.net/MK55f/

您可以在mouseup上设置处理程序，并使用val()获取当前范围值，并将title属性设置为attr()

在我的小提琴中，我评论了.tooltip()，因为我没有看到这一点，它似乎覆盖了title属性提供的默认工具提示。

Answer 2

您应该能够通过“输入更改”事件获得更改：

        $('#agriculture').on('input change', function () {

然后获取值并根据该值更改标题：

        $("#agriculture").tooltip('hide')
                          .attr('data-original-title', 'New Title')
                          .tooltip('fixTitle')
                          .tooltip('show');

DEMO ：http://jsfiddle.net/Finrod/H2FZQ/25/

在JQuery范围滑块工具提示上更改滑动文本

2 个答案: