jQuery移动滑块工具提示(动态)

Question

如何将工具提示与JQM滑块一起使用？我想将工具提示添加到我的JQM范围（例如1-5），说在什么时候定位了ui-slider的位置（"您的选择：3"）。我尝试了QTIP：

 $('#content a[href]').qtip({
      content: 'i am a qtip'
   }); 

，但它在我的移动设备上不起作用。我想让用户知道他做出了哪种选择（在他用拇指下屏幕之前）。

Answer 1

jQuery Mobile有一个提供此功能的扩展名，可以在此处找到

您将要做什么：

1. 在输入元素中添加 data-popup-enabled的数据属性=" true" 以显示工具提示。
2. 在网站上复制JavaScript代码并将其添加到您的解决方案
3. 在网站上复制CSS规则集并将其添加到您的解决方案中。

这是您的滑块输入元素应如何外观的一个示例：

<input type="range" name="slider-1" id="slider-1" min="0" max="100" value="50" data-popup-enabled="true">