Question

我正在看JQuery UI Tooltip widget's documentation for show method.試圖弄清楚如何通過調用show方法來顯示工具提示。

這裏是JSFiddle code that I thought would work但沒有。我不知道爲什麼。

HTML

<input id="input_box" title='display this helpful stuff for user'/> 
<button id="trigger">show tooltip</button> 

的JavaScript

$("#trigger").on('click', function(){ 
    $("#input_box").tooltip({ show: { duration: 800 } }); 
}); 

Answer 1

你可以嘗試這樣的事情（觸發mouseenter事件textbox）

$(function(){ 
    $(document).on('click', '.ui-tooltip-content', function(){ 
     $("#input_box").trigger('mouseleave'); 
     $("#input_box").tooltip('destroy'); 
    }); 

    $("#trigger").on('click', function(){ 
     $("#input_box").tooltip({ show: { duration: 800 } }); 
     $("#input_box").trigger('mouseenter'); 
    }); 
}); 

DEMO.

但是，這可能不是適當的方式來做到這一點，相反，你可以找到tooltip插件和那些可以由點擊處理程序使用，或者您可以創建一個簡單的，可以使用點擊處理程序設計，但我不推薦使用這種heck。