手动显示和隐藏 jQuery ui 工具提示

Question

我正在尝试使用 jQuery ui 工具提示手动在按钮单击时显示 <input> 的工具提示。

如果我这样设置的话

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

对于第一次单击，它会显示工具提示。但是如果我将标题属性设置为以下内容，则其工作正常。

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

试用样本为here。 有没有办法在不为title属性设置值的情况下做到这一点？？

Answer 1

你可以使用：

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

Demo

Answer 2

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");       
});