Отображение и скрытие jQuery ui tooltip вручную

Question

Я пытаюсь показать всплывающую подсказку <input> при нажатии кнопки вручную с помощью jQuery ui tooltip.

Для этого, если я изложу как этот

<input type="text" id="has-tt" title=""></input> 

для одного только первого щелчка его показ tooltip.But Если установить атрибут заголовка с некоторым содержанием, как ниже рабочего штрафа.

<input type="text" id="has-tt" title="Tooltip Text"></input> 

Пробный пример: here. Есть ли способ сделать это без установки значения для атрибута title?

Answer 1

Working fiddle

HTML

<form> 
    <input type="text" id="has-tt" title="Tooltip Text"></input> 
</form> 

Jquery

$(function() { 
    var tooltips = $("#has-tt").tooltip();  
    $("<button>") 
     .text("Close") 
     .button() 
     .click(function() { 
      tooltips.tooltip("close"); 
     }) 
    .insertAfter("form"); 
    $("<br/>").insertAfter("button"); 
    $("<button>") 
     .text("Show help") 
     .button() 
     .click(function() { 
      tooltips.tooltip("open"); 
     }) 
    .insertAfter("form");  
}); 

Answer 2

Вы можете использовать:

$("#has-tt").tooltip({ 
    items: 'input', 
    content: "Tooltip Text!" 
}).tooltip("open"); 

Demo