Question

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

如果我这样设置

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

单独第一次单击它显示工具提示。但是如果我将title属性设置为某些内容，则其工作正常。

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

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

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

2 个答案: