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

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

的工具提示

如果我这样做的话

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

第一次单击时，它会显示工具提示。但是如果我将标题属性和下面的内容设置为一样，它就可以正常工作了

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

试过的样品是。 有没有办法在不将值设置为title属性的情况下执行此操作？？

HTML

Jquery

$（函数（）{
var tooltips=$（“#has tt”）.tooltipp（）；
$("")
.文本（“结束”）
.按钮（）
。单击（函数（）{
工具提示。工具提示（“关闭”）；
})
.在后面插入（“表格”）；
$（“
”）之后插入（“按钮”）；
$("")
.text（“显示帮助”）
.按钮（）
。单击（函数（）{
工具提示。工具提示（“打开”）；
})
.在后面插入（“表格”）；
});

您可以使用：

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

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

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