2012-11-02 62 views
0

如何使用工具提示和JQM滑块?我想将工具提示添加到我的JQM范围(例如1-5)中,说明ui滑块手柄位于何处(“您的选择:3”)。我试过qTip:JQuery Mobile Slider工具提示(动态)

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

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

回答

0

没有为jQuery Mobile的一个扩展,提供了这个功能,可以发现here

,你会做什么:

  1. 添加的数据属性数据弹出启用-=“真”添加到您的输入元素以显示工具提示。
  2. 复制网站上的JavaScript代码并将其添加到您的解决方案
  3. 复制网站上的CSS规则集并将其添加到您的解决方案中。

这里的滑块你输入元素应该如何看一个例子:

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