2013-07-30 4 views
11

jQuery UI 툴팁의 스타일을 지정하려하지만 닫힌 채로있다. 나는 성공없이 다음을 시도했다 :jQuery UI는 디버깅을 위해 툴팁을 열어 둔다. (스타일을 지정하기 위해)

$("td label").tooltip({ 

    disabled: true, 
    close: function (event, ui) { return false; } 

}).on("click", function() { 

    $(this).tooltip("open"); 
}).off('focusout mouseleave mouseenter'); 

아무 것도 열지 않는 것처럼 보인다. 내가 파이어 버그에 가기 위해 오른쪽 버튼을 클릭하면, 나는 기회가 오기 전에 사라진다.

+0

무엇을 지정하지 않으면 ('focusout mouseleave mouseenter'); – TGH

+0

아니, 여전히 사라집니다. – parliament

답변

17

전화 그들이

$("td label").tooltip().tooltip("open"); 
이전의 대답은 모두 비 위임 툴팁에 작동하지 않았다 하나로 저를 도움이되지 않았다
+0

위임되지 않은 툴팁에서만 작동합니다. 다른 옵션은 http://stackoverflow.com/a/14881045/7376을 참조하십시오. – Tom

12

디버깅 목적으로 만 사용하는 경우 the hide option을 사용하고 실제로 긴 기간을 설정하는 것이 좋습니다.

$("td label").tooltip({ hide: {duration: 1000000 } }); 
+1

또는'hide : {delay : 1000000}'과 같이'delay'를 사용하십시오. – Pang

1

을 열어 상태를 유지하게됩니다 툴팁에 열려있는 방법, 다른 방법으로는 dev 패널에서 CSS로 놀 수는 없었습니다. 툴팁은 열려 있었지만 정상적으로 또는 더 많은 CSS를 입력하는 것처럼 CSS에 대한 체크 박스를 선택 취소 할 수 없었습니다. 구현하기 전에 솔루션을 얻으려고했습니다.

궁극적으로 툴팁을 연 후에 디버거 문을 사용하여 코드를 중단했습니다.

예 :

$(".ui-tooltip-content") 

을 그리고 콘솔의 평가 결과에 대한 다음 마우스 오른쪽 버튼으로 클릭하고 요소 패널에 표시]를 선택 :

이 중단 치면
jQuery(".myElement").tooltip({ 
    open: function (event, ui) {    
      debugger; 
    } 
}); 

, 콘솔이 평가 페이지의 다른 요소와 마찬가지로 작업하십시오. 이것은 특히 툴팁 내용이 동적으로 생성 될 때 유용합니다 (필자의 경우처럼).

10

js 실행을 일시 중지하는 것이 훨씬 더 좋습니다.

  1. 콘솔 열기는
  2. 스위치 소스에 탭
  3. 툴팁
  4. 호버 뭔가 (아마도 다른 단축키를 확인하려면 일시 중지 아이콘을 가져)
  5. 클릭 F8 버튼을 표시
+0

이것은 디버깅 목적으로 만 올바른 대답입니다. 코드를 수정하지 않아도됩니다. – Kelly

+0

코드가 수정되지 않았으므로 이것이 허용 된 대답이어야합니다! – equitharn

+0

Big 고맙습니다, 지금은 분명해 보입니다 ...하지만 jQuery-ui의 자동 완성 기능을 디버깅하는 데 시간을 낭비했습니다. –

1

를 들어합니다 tooltipster의 v4.1.5에서는 이와 같은 지연 옵션을 사용합니다.

$('.tooltip').tooltipster({ 
    interactive:true, 
    animation: 'grow', 
    delay:[100, 10000000] 
}); 

두 번째 지연 값은 툴팁의 종료 지연을 지정합니다. 참조 : http://iamceege.github.io/tooltipster/#options

관련 문제