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

时间:2016-02-09 20:59:52

标签: twitter-bootstrap bootstrap-slider

slider在我的桌面上正常工作但在移动设备上你需要多次按下圆圈(滑块上的移动设备)才能获得焦点并显示工具提示,否则你只是盲目地滑动

滑块HTML是:

issue in issuesWhereEpicIn("issue = JIRA-1234”)
OR
parent in issuesWhereEpicIn("issue = JIRA-1234")

爪哇:

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

CSS:

1 个答案:

答案 0 :(得分:1)

就像我们在评论中谈到的那样,这是目前Git Hub上一个已知且公开的问题。 You can read about it here

另一种解决方案是始终向用户显示工具提示,以便他们在移动设备上滑动时可以看到该值。使用example #8 taken from the demo site

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

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

希望有所帮助。