jQuery 테이블 위에 툴팁을 생성하는 간단한 팁

사용자가 테이블의 셀 위로 마우스를 가져 가면 툴팁을 생성하기 위해 SimpleTip을 사용하고 있습니다. 툴팁이 표시되지만 셀의 크기가 확장됩니다. 크기를 변경하지 않고 셀 위로 마우스를 가져 가려면 어떻게해야합니까? jQuery 테이블 위에 툴팁을 생성하는 간단한 팁

는 여기에 내가 현재 가지고있는 : 당신은 "simpletip"를 사용하여 코드에서 qTip하지 않는 것처럼

<html> 
    <head> 
     <script type="text/javascript" src="jquery.min.js"></script> 
     <script type="text/javascript" src="jquery.simpletip-1.3.1.js"></script> 
    </head> 
    <body> 
     <table border="1"> 
      <tr><td id="test">foobar</td></tr> 
     </table> 
     <script type="text/javascript"> 
      $("#test").simpletip({ 
       fixed: true, 
       content: 'hello world!' 
      }); 
     </script> 
    </body> 
</html>

출처

2011-03-17 del

나는 당신이 (Simpletip의 후속) qTip를 사용하는 것이 좋습니다 그것은 귀하의 경우와 함께 작동 . 오히려 안에 도구 팁을 넣습니다.은 툴팁 요소입니다. 이것은 일부 기본 레이아웃에서 작동하지만 다른 요소, 특히 요소의 상대/절대 위치 지정을 사용하는 경우에는 작동하지 않습니다.

해결책은 제안 된대로입니다 : 레이아웃에서 작동하지 않는 경우 시도해보십시오. 다른 라이브러리를 사용해보십시오.

사실이 문제가 해결 된 SimpleTip 1.3.1을 기반으로 툴팁을 포크했습니다. 나는 그것을 잠시 풀 것이다. 당신은 그 동안 문제를 해결했을 것입니다. :)

출처

2011-03-17 04:38:25 YNhat

보인다. 그것이 이유 일 수 있습니다. 어떤 브라우저를 사용하고 있습니까? IE를 사용하고 페이지가 제대로 표시되지 않는 올바른 유형이없는 경우가 있습니다.

코드를 실행하고 테스트해야합니다. http://jsfiddle.net/ynhat/PydCK/

출처

2011-03-17 04:21:34 MikeMurko

오케이 - 당신 말이 맞아요, 그건 오타 였고, 저는 SimpleTip을 사용하고 있습니다. Windows에서 Chrome & Firefox로 테스트하고 있습니다. – del

이유는 SimpleTip 사용을 대부분의 다른 도서관과 같은 홀더 요소를 사용하지 않는다는 것입니다 :

이 시도

출처

2011-07-20 14:33:15 Dominic

jQuery 테이블 위에 툴팁을 생성하는 간단한 팁

답변

관련 문제