Почему моя Jquery Tooltip не работает? - PullRequest
0 голосов
/ 11 августа 2011

У меня не работает всплывающая подсказка, и я думаю, что проблема в моем селекторе.Я выбрал плагин, который находится здесь: http://flowplayer.org/tools/tooltip/index.html Он говорит, что вы можете использовать атрибут title элемента в качестве селектора.Я хочу выбрать пункты меню и прикрепить подсказку к каждому из них (чтобы описать ссылки меню).Казалось, что самый простой способ сделать это - использовать атрибут title.Мне нужно всего около 10 или меньше слов в каждой подсказке.Прежде чем описать, в чем может быть проблема, позвольте мне также упомянуть пару вещей.

У меня также есть на странице аккордеон JQuery с сайта jqueryui.com.Эта ссылка на jqueryui помещается после вызова инструментов jquery из http://flowplayer.org/tools/tooltip/index.html. Сначала я думал, что это пользовательский интерфейс jquery, но у jqueryui нет всплывающей подсказки - хотя у них есть диалоговое окно, похожее, но язаголовок не нужен, просто место для нескольких слов.

Итак, давайте посмотрим, где я мог ошибиться.А) Вызов инструментов jquery происходит до вызова jqueryui.Когда это было полностью изменено, мой аккордеон не работал.

B) Документация плагина говорит, что есть класс .tooltip, который доступен по умолчанию, и код также позволяет мне установить класс для всплывающей подсказки, чтобы всплывающей подсказке,Это определенно не получает стиль, который я настроил для всплывающей подсказки.Я не уверен, как подтвердить, что этот класс всплывающей подсказки существует, потому что он появляется только при появлении всплывающей подсказки.

C) Мой селектор.Сначала я попробовал селектор CSS Descendant, как и в CSS.Я даже добавил содержащий div с id всплывающей подсказки.

1) Первый селектор: $ ('# tooltip a [title]), чтобы получить теги, имеющие атрибут title.Это было описано в документации, хотя мне кажется, что вы захотите «вызвать» тег якоря, а не его атрибут title 2) Вторая попытка с селекторами потомков $ (". Art-hmenu a.tt [title]") - У меня внутри тега, который имеет класс art-hmenu, есть тег привязки с классом tt, и я хочу атрибут title.- не сработало.3) наконец, я попытался использовать ("#tooltip"). Find ('a [title]') - думая, что это найдет тег привязки с атрибутом title.На странице документации написано, что в этом коде используется атрибут title элемента: $ ("img [title]"). Tooltip ();Это может привести к появлению всплывающей подсказки для каждого тега img, не так ли?Мой первый пример выше похож на использование ("#tooltip a: [title]"), которое не работает.Возможно, заголовок должен быть не в теге привязки, а в теге li.Я мог бы использовать некоторую помощь, чтобы выяснить это - где бы ни была проблема, я думаю, как я делаю свой выбор.Спасибо, Брюс

Ответы [ 2 ]

1 голос
/ 28 марта 2012

Похоже, вы слишком усложняете это. Дайте ссылку, фразу, ввод, кнопку класса «триггер» и название. Инструменты будут обрабатывать все остальное. Вы можете стилизовать всплывающую подсказку с помощью класса .tooltip. Вы помещаете подсказку с настройками смещения и положения. Если вы хотите сойти с ума от стиля, вы можете создать макет: или открыть исходный код плагина и обернуть HTML вокруг Append (заголовок).

1 голос
/ 11 августа 2011

вы ищете атрибут, поэтому используйте $('#tooltip a').attr("title").

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...