将鼠标悬停在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上时没有任何反应，我看不出原因。 Here是相关网站。有问题的div位于联系部分的底部（第一个圆圈中有一个笔记本电脑图标）。欢迎任何建议。

Answer 1

因为你有拼写错误。

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

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

或者只是

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

DEMO