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

将鼠标悬停在div上时显示jQuery工具提示,jquery,html,jquery-tools,jquery-tooltip,Jquery,Html,Jquery Tools,Jquery Tooltip,当我将鼠标悬停在div上时,我很难让工具提示正常工作。以下是HTML标记: <div class="booking_step_wrap"> <h4>Email</h4> <div class="booking_step" title="hello"><i class="icon-laptop"></i></div> </div> 和CSS(摘自jQuery工具网站): } 目前,当

当我将鼠标悬停在div上时,我很难让工具提示正常工作。以下是HTML标记:

<div class="booking_step_wrap">
    <h4>Email</h4>
    <div class="booking_step" title="hello"><i class="icon-laptop"></i></div>
 </div>
和CSS(摘自jQuery工具网站):

}

目前,当我悬停在那个div上时,什么都没有发生,我不明白为什么。
这是有问题的网站。讨论中的div位于联系人部分的底部(第一个圆圈中有一个笔记本电脑图标)。欢迎您提供任何建议。

因为您有打字错误

尝试在类和属性检查之间不留空格

$(function() {
  jQuery(".booking_step[title]").tooltip();
});
或者干脆

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

恐怕这两个网站都不起作用。这里是一个例子:谢谢,我可以看出这是正确的答案,它只是不想在我的网站上起作用。也许有一些相互冲突的代码。
$(function() {
  jQuery(".booking_step[title]").tooltip();
});
$(function() {
    $( document ).tooltip();
});