2012-11-02 4 views
0

JQM 슬라이더에서 툴팁을 사용하는 방법은 무엇입니까? 내 JQM 범위 (예 : 1-5)에 툴팁을 추가하고 ui 슬라이더 핸들이 어느 위치에 있는지 ("선택 사항 : 3") 말하고 싶습니다. qTip을 시도했습니다 :JQuery 모바일 슬라이더 툴팁 (동적)

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

모바일 장치에서는 작동하지 않습니다. 나는 그가 어떤 선택을했는지 알려주고 싶다. (그가 엄지 손가락으로 화면을 벗어나기 전에).

here

당신이 어떤 작업을 수행하는지 확인할 수 있습니다이 기능을 제공 jQuery를 모바일에 대한 확장이

답변

0

:

  1. 의 데이터 속성 추가 데이터 팝업이 활성화 = "true"로 툴팁을 표시하려면 입력 요소에을 입력하십시오.
  2. 사이트의 JavaScript 코드를 복사하여 솔루션에 추가하십시오.
  3. 사이트의 CSS 규칙 세트를 복사하여 솔루션에 추가하십시오.

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

슬라이더에 대한 입력 요소가 보이는 방법의 예