Initializing подсказке с JQueryUI

HTML:Initializing подсказке с JQueryUI

<input type='text' id='uname' />

JS:

$("#uname").tooltip({ content: "gggg" });

Результат: ничего. Нет подсказки, нет ошибок; Что здесь не так?

Демонстрация: http://jsfiddle.net/w97FA/

Эти ресурсы/плагинов, которые я использовал:

источник

2013-04-16 Qiao

подсказке ставится как название:

<input type='text' id='uname' title="gggg" />

http://jsfiddle.net/samliew/w97FA/2/

В противном случае, вы должны инициализировать элемент с пустым названием, для того, чтобы установить его динамически:

<input type='text' id='uname' title='' />

http://jsfiddle.net/samliew/w97FA/8/

источник

2013-04-16 07:39:40

Samuel Лью, так что мне нужно добавить 'title = '''? это красное. На самом деле, я пишу плагин, поэтому мне нужно будет вставить их в JS. Но да, он работает сейчас. – Qiao

В документах об этом ничего не говорится. http://api.jqueryui.com/tooltip/#option-content. В нем говорится: 'По умолчанию: функция возвращает атрибут title'. – Qiao

Я был удивлен сам после проверки документации. См. Ответ Мартина. –

Как API documentation для подсказки состояний, если вы используете «content» -option, вам также необходимо использовать элементы-опции, поэтому следующий код работает:

$('#uname').tooltip({ content: "Awesome title!", "items":"input" })

Однако, если вам не нужна определенная логика для отображаемого контента или какой-либо сложный выбор, использование атрибута title может быть проще.

источник

2013-04-16 07:44:26 martin

это действительно странная реализация API, но она также работает –

Да, теперь я вижу это, http://api.jqueryui.com/tooltip/#option-items «Настройте, если вы используете что-то другое, чем название атрибут для содержимого всплывающей подсказки ". Но это не хорошо для моего случая, потому что любой элемент должен иметь всплывающую подсказку, а не только 'input'. – Qiao

'... вам, вероятно, также нужно будет изменить параметр пунктов.« Вероятно ». лол – Tim

<script src="js/tooltips.js"></script> 
    <script> 
     $(function() { 
      $("#page-wrap a[title]").tooltips(); 
     }); 
    </script>

ИСПОЛЬЗОВАНИЕ Jquery TOOLTIP С помощью CSS в ASP.NET WEB APPLICATION.here мы также можем использовать CSS для определения стиля tooltip.for полного примера [проверить здесь] [1]

источник

2014-09-10 05:14:33

ответ

Смежные вопросы