개인 웹 사이트 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/은 솔루션에 가까워 지지만 모든 툴팁 정보를 초기화해야합니다.