jQuery를 도구 툴팁 문제 - jQuery를

이

$(function() { 
$("img").tooltip(); 
$("a").tooltip(); 
})

HTML : 위의 경우

<div id="container"> 
<div id="main"> 
<a href="#">testing</a> 
<img src="trollface.jpg" title="Hello, imma trollface!" /> 
</div> 
</div>

는, tooltip 만 <img> 태그를 사용할 수 있습니다.

<img> 또는 <a>에 CSS를 추가하지 않았습니다.

$("a").hover(
function() { 
    $(this).animate({color: "white"}, 400); 
}, function() { 
    $(this).animate({color: "black"}, 400); 
})

그러나 위의 내용은 현재 작동하지 않습니다.

기본적으로 tooltip() 메소드는 요소 "title"속성에 포함 된 내용을 표시합니다. <a>에는 title 속성이 없으므로 툴팁에 아무 것도 표시되지 않습니다. 해당 태그에 title 속성을 추가하면 다음과 같습니다.

<a href="#" title="This is my anchor tag">testing</a>

2011-08-22 17:31:31

여전히 작동하지 않습니다. 그리고 그 툴팁 안에 html 콘텐츠를로드하고 싶습니다. –

HTML 툴팁을 사용하려면 div의 클래스를 "toolip"으로 빌드해야합니다 - 예제 코드에는없는 것 같습니다. http://jsfiddle.net/s7Fte/에서 예제를 확인하십시오. –

나는 그것을 가지고있다, 나는 그것을 지정하지 않았다. 그건 그렇고, 나는 그것을 구글 크롬에서 시도했다. Firefox 5를 사용하고 있습니다. –

답변