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。