jquery - 将鼠标悬停在 div 上时显示 jQuery 工具提示

Question

当我将鼠标悬停在 div 上时，我正在努力让工具提示起作用。这是 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 位于联系人部分的底部（第一个圆圈中带有笔记本电脑图标）。任何的建议都受欢迎。

Answer 1

因为你有错别字。

尝试在类和属性检查之间没有空格

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

或者干脆

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

DEMO