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

Question

HTML:

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

JS:

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

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

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

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

• http://jqueryui.com/tooltip/
• http://api.jqueryui.com/tooltip/#option-content

Answer 1

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

<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/

Answer 2

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

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

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

Answer 3

<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]