jQuery를 체크 박스 툴팁

Question

내가 입력 텍스트, 텍스트 영역 및 드롭 다운에 툴팁에 대해 다음의 jQuery 기능을 사용 : 내가 코드를 텍스트, textare에 다음 도구 설명을 추가하거나 드롭 다운

$(function() { 
$("#addmovie-form :input:not(:button):not(:submit):not(:reset)").tooltip({ 
     position: "center right", 
     offset: [-2, 10], 
     effect: "fade", 
     opacity: 0.7 

    }); 
}); 

:

$('#add-titel').prop("title", "my title ..."); 

텍스트, 텍스트 영역 및 드롭 다운 입력에 문제가 없습니다.

이제 폼 내에 여러 개의 확인란이 있습니다. 체크 상자 ID에 툴팁을 할당하면 툴팁이 표시되지 않습니다. 은 또한 체크 박스는 다음과 같이 마우스 오버에 주위 점프 :

example before

example after mousehover

누군가가 이것에 대한 해결책이 있습니까?

나는 또한 전체 체크 박스 주위에 HTML 테이블을 놓고 테이블 호버에 툴팁을 표시하는 것이 더 좋을 것이라고 생각했다. 이것에 대한 TD 또는 TR jquerys를 찾았지만 완전한 테이블에서 작업 할 수는 없습니다.

Answer 1

시도는 checkboxes label에 툴팁을 추가하거나 checkbox in span 포장 및