Jquery ui JQuery移动滑块工具提示（动态）

如何将工具提示与JQM滑块一起使用？我想在我的JQM范围（例如1-5）中添加工具提示，说明ui滑块手柄的位置（“您的选择：3”）。我试过qTip：

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

---

但它在我的移动设备上不起作用。我想让用户知道他所做的选择（在他用拇指离开屏幕之前）。

jQuery Mobile有一个扩展，它提供了这个功能

你将做什么：

将数据属性data popup enabled=“true”添加到输入元素以显示工具提示

复制站点上的JavaScript代码并将其添加到解决方案中

在站点上复制CSS规则集并将其添加到解决方案中

下面是滑块输入元素的外观示例：

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