Отображение всплывающей подсказки jQuery при наведении курсора на div

Я изо всех сил пытаюсь заставить всплывающие подсказки работать, когда я нахожусь над 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 находится внизу в разделе контактов (первый круг со значком ноутбука). Любой совет приветствуется.


html jquery jquery-tools jquery-tooltip
person Sam Skirrow    schedule 06.03.2013    source источник

Ответы (1)


arrow_upward
6
arrow_downward

Потому что у тебя опечатка.

Попробуйте без пробела между проверкой класса и атрибута

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

Или просто

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

ДЕМО

person sdespont    schedule 06.03.2013
comment
Боюсь, ни один из них не работал - person Sam Skirrow; 06.03.2013
comment
Вот пример: jsfiddle.net/UQTY2/29 - person sdespont; 06.03.2013
comment
Спасибо, я вижу, что это правильный ответ, просто он не хочет работать на моем сайте. Возможно, есть конфликтующие коды чего-то. - person Sam Skirrow; 06.03.2013