在div中显示工具提示
在div中显示工具提示
提问于 2015-08-03 17:05:57
我的菜单不多，我在左边的导航栏给他们看。
<li><a href= @RoleGroup><i class="menu-icon fa fa-users"></i> <span class="title"> Group Management</span></a></li>我想在div里面的鼠标上显示工具提示(4-5行)。在上面的代码中，我如何将工具提示放在div中，并具有良好的css样式。
谢谢。
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-08-03 17:26:54
您是否试图在另一个div中使悬停在显示上的元素的文本？我们需要更多的代码才能真正做到这一点，但这里有一个开始：
$('.ulClass li').mouseover(function(){
var myText = $(this).text();
$(divIwantTextToShowIn).text(myText);
});
$('.ulClass li').mouseleave(function(){
$(divIwantTextToShowIn).text("");
});这将显示您在另一个div中悬停的li中的文本。我猜这就是你要找的。当鼠标光标离开li时，它将清除div的文本。
Stack Overflow用户
发布于 2015-08-03 17:18:05
如果您想使用TipTip库，可以这样做：
$(function(){
$(".someClass").tipTip();
});
<p>
Cras sed ante. Phasellus in massa. <a href="" class="someClass" title="This will show up in the TipTip popup.">Curabitur dolor eros</a>, gravida et, hendrerit ac, cursus non, massa.
<span id="foo">
<img src="image.jpg" class="someClass" title="A picture of the World" />
</span>
</p>Stack Overflow用户
发布于 2015-08-03 17:09:18
可以在元素中使用title属性。
例：<li title=" here is the tool tip that i want "> ... </li>
title.asp
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31792948
复制相关文章
相似问题
腾讯云开发者
