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 に答える