当悬停在一个 div 上时，如何使 jQuery 工具提示出现？

Question

3

我正在努力实现当鼠标悬停在

上时，工具提示可以正常显示。以下是HTML标记：

<div class="booking_step_wrap">
    <h4>Email</h4>
    <div class="booking_step" title="hello"><i class="icon-laptop"></i></div>
 </div>

对于jQuery，我有以下内容：

jQuery(function() {
  jQuery(".booking_step [title]").tooltip();
});

和 CSS（来自 jQuery 工具站点）：

.tooltip {
display:none;
background:black;
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#eee;

目前，当我悬停在那个div上时，什么也不会发生，我不知道原因。这里是相关的网站。该div位于底部的联系部分（第一个带有笔记本电脑图标的圆圈）。欢迎提供任何建议。

- Sam Skirrow

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- sdespont · Accepted Answer

由于您有一个拼写错误。尝试在类和属性检查之间不加空格。

$(function() {
  jQuery(".booking_step[title]").tooltip();
});

或者简单地说

$(function() {
    $( document ).tooltip();
});