首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery工具工具提示问题- jQuery

jQuery工具工具提示问题- jQuery
EN

Stack Overflow用户
提问于 2011-08-23 01:17:02
回答 1查看 873关注 0票数 1

jQuery:

代码语言:javascript
运行
复制
$(function() {
$("img").tooltip();
$("a").tooltip();
})

HTML:

代码语言:javascript
运行
复制
<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。

代码语言:javascript
运行
复制
$("a").hover(
function() {
    $(this).animate({color: "white"}, 400);
}, function() {
    $(this).animate({color: "black"}, 400);
})

然而,上面的方法现在不起作用。

EN

回答 1

Stack Overflow用户

发布于 2011-08-23 01:31:32

默认情况下,tooltip()方法将显示元素"title“属性中包含的内容。因为您的标题没有<a>属性,所以工具提示不会显示任何内容。如果将title属性添加到标记中,如下所示:

代码语言:javascript
运行
复制
<a href="#" title="This is my anchor tag">testing</a>

应该能行得通。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7151029

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档