Question

我的菜单很少，我在左侧导航栏中显示它们

 <li><a href= @RoleGroup><i class="menu-icon fa fa-users"></i> <span class="title"> Group Management</span></a></li>

我想在div内部显示鼠标上的Tooltip（4-5行）。在上面的代码中，我如何将工具提示放在具有良好CSS风格的div中。

感谢。

Answer 1

如果您想使用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>

Answer 2

您可以在元素中使用title属性。

例： <li title=" here is the tool tip that i want "> ... </li>

http://www.w3schools.com/tags/att_global_title.asp

Answer 3

您是否尝试将正在悬停的元素的文本显示在另一个div中？我们需要更多代码才能真正实现这一目标，但这是一个开始：

$('.ulClass li').mouseover(function(){
     var myText = $(this).text();
     $(divIwantTextToShowIn).text(myText);
 });

$('.ulClass li').mouseleave(function(){

     $(divIwantTextToShowIn).text("");
 });

这将显示您在另一个div中悬停的li中的文本。我猜这就是你要找的东西。当鼠标光标离开li时，它将清除div的文本。

在div中显示工具提示

3 个答案: