显示jquery ui工具提示，不带悬停事件

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的{​​{1}}事件）

textbox

DEMO.

但这可能不是正确的方法，相反，你可以找到$(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'); }); }); 插件，这些插件可以被点击处理程序使用，或者你可以创建一个可以使用点击处理程序设计的简单插件，但我不建议使用这种方法。