将鼠标悬停在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