Меня попросили отредактировать веб-страницу, которую я не создал, и я пытаюсь понять в ней какой-то код. У меня есть элемент списка, содержащий span. Пролет только имеет атрибут класса, нет текста или заголовка.Как JQuery отображает всплывающую подсказку об этом элементе span?
<span class="ui-icon ui-icon-info"></span>
Ui-icon и ui-icon-info классы принадлежат JQueryUI. Они отображают значок информации в качестве фонового изображения для диапазона. Я не вижу ничего другого особенного в CSS:
.ui-icon-info { background-position: -16px -144px; }
.ui-icon { width: 16px; height: 16px; background-image: url(ui-icons_72a7cf_256x240.png); }
.ui-icon { text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
Когда пользователь наводит курсор на значок он отображает DIV в качестве подсказки:
<div class="tooltip" style="position: absolute; top: 661px; left: 710px; opacity: 0.8; display: none;">Some Tooltip Text</div>
CSS-код для подсказке также не выглядит быть чем-то особенным. Просто информация о форматировании. В списке есть несколько таких элементов span, и я не могу понять, как он выбирает правильный div для отображения в всплывающей подсказке. Может кто-нибудь, пожалуйста, скажите мне, как Jquery выбирает правильный div для отображения всплывающей подсказки элемента span?
Я думаю Javascript ваш недостающее звено –
ли ДИВ уже в DOM? Где ? – enguerranws
Можете ли вы показать нам какой-то HTML скрипт или фактическую страницу? – putvande