手動顯示和隱藏jQuery ui工具提示

Question

我正在嘗試使用jQuery ui工具提示在按鈕單擊上顯示<input>工具提示。

為此，如果我這樣設置

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

僅用於第一次單擊時它的顯示工具提示。但是如果我將title屬性設置為某些內容，則如下所示。

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

嘗試過的樣品在這里 。 沒有設置title屬性的值，有什么辦法嗎？

Answer 1

您可以使用：

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

演示

Answer 2

工作提琴

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