2010-07-07 5 views
0

개인 웹 사이트 http://www.stacked.in에 대한 툴팁을 표시하려고합니다. 링크에서 마우스를 움직이면 툴팁이 표시됩니다. 도구 설명 표시 내용은 이미 html 페이지에서 div 요소로 사용할 수 있지만 숨겨져 있습니다. 링크 위에서 마우스를 움직일 때만 툴팁을 표시하고 싶습니다. 이 용도로 jquery와 jquery 플러그인을 사용합니다. http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ 다른 jquery-plugin을 얻더라도, 나는 행복 할 것이다.jquery 툴팁에 숨겨진 div 요소가 있습니까?

툴팁 콘텐츠 div inner HTML은 표시되지 않습니다. 툴팁은 요소를 가져 와서 표시합니다. 여기

#tooltip-content { 
display:none; 
width:250px; 
} 

<div id="widget" class="span-8 " > 

<h2><a href="">Example.com</a></h2> 
<ul> 
      <li><h3><a href="example.com">Example News 1</a></h3> 
     <div id="tooltip-content">    
      <div class="published">Thu Jul 8, 2010</div> 
      <div class="content"> 
       This detail news 1 shown only on tooltip.. 
      </div> 
     </div> 
     </li> 

     <li><h3><a href="example.com">Example News 2</a></h3> 
     <div id="tooltip-content">    
      <div class="published">Thu Jul 8, 2010</div> 
      <div class="content"> 
       This detail news 2 shown only on tooltip.. 
      </div> 
     </div> 
     </li>    
    </ul> 

있을 것입니다 100 개 이상의 요소는 툴팁이 필요합니다 .. HTML 코드입니다. 이 문제를 해결하기위한 더 나은 도구 또는 방법은 무엇입니까? 코드 샘플을 주시면, 나는 당신에게 큰 도움이 될 것입니다. 이미 여러 가지 방법으로 검색했습니다. http://code.google.com/p/jquery-very-simple-tooltip/은 솔루션에 가까워 지지만 모든 툴팁 정보를 초기화해야합니다.

답변

0

http://flowplayer.org/tools/tooltip/index.html에서 jQuery Tools에 대한 유용한 툴팁이 있습니다. 요소의 title 속성을 사용하거나 비 제목 요소의 툴팁으로 다음 DOM 노드를 사용할 수 있습니다.

매우 유연하며 사용자의 요구에 적절하게 부합 할 것이라고 확신합니다. 행운을 빕니다!

관련 문제