2012-11-02 75 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">