0

如何将工具提示与 JQM 滑块一起使用?我想将工具提示添加到我的 JQM 范围(例如 1-5)中,说明 ui-slider-handle 的位置(“您的选择:3”)。我试过qTip:

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

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

4

1 回答 1

0

有一个 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">
于 2013-05-13T15:15:13.093 回答