JQuery Mobile Slider Tooltip(动态)

时间:2012-11-02 14:07:33

标签: jquery-ui jquery-mobile tooltip jquery-ui-slider

如何在JQM滑块上使用工具提示?我想将工具提示添加到我的JQM范围(例如1-5),说ui滑块手柄在什么位置(“你的选择:3”)。我试过qTip:

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

但它在我的移动设备上无效。我想让用户知道他做了哪个选择(在他用拇指离开屏幕之前)。

1 个答案:

答案 0 :(得分:0)

jQuery Mobile有一个扩展,它提供了可以找到here

的功能

你会做什么:

  1. data-popup-enabled =“true”的数据属性添加到输入元素以显示工具提示。
  2. 复制网站上的JavaScript代码并将其添加到您的解决方案
  3. 复制网站上的CSS规则集并将其添加到您的解决方案中。
  4. 以下是滑块输入元素的外观示例:

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