當鼠標懸停在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