twitter-bootstrap - Boostrap-slider 工具提示无法在移动设备上正确显示

Question

滑块在我的桌面上运行良好，但在移动设备上，您需要多次按下圆圈（滑块上的移动器）才能获得焦点并显示工具提示，否则您只会盲目滑动。

滑块 HTML 是：

<input name="sliderAvgT" id="sliderAvgT" type="text"><br />

爪哇：

sliderAvgT = new Slider("#sliderAvgT", { id: "slider12c", min: {{minAvgT}}, max: {{maxAvgT}}, range: true, value: [defaultMinAvgT, defaultMaxAvgT] });

CSS：

没有任何

Answer 1

就像我们在评论中谈到的那样，这目前是 Git Hub 上的一个已知且未解决的问题。你可以在这里阅读。

另一种解决方案是始终向用户显示工具提示，以便他们在移动设备上滑动时可以看到值。使用来自演示站点的示例 #8：

// With JQuery
$("#ex8").slider({
    tooltip: 'always'
});

// Without JQuery
var slider = new Slider("#ex8", {
    tooltip: 'always'
});

希望有帮助。