jquery - 在没有悬停事件的情况下显示 jquery ui 工具提示

Question

我正在查看JQuery UI Tooltip 小部件的 show 方法文档。 试图通过调用 show 方法来弄清楚如何显示工具提示。

这是我认为可行但不可行的 JSFiddle 代码。我不确定为什么。

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

演示。

但这可能不是正确的方法，相反，您可以找到tooltip插件，这些插件可以由点击处理程序使用，或者您可以创建一个可以使用点击处理程序设计的简单插件，但我不建议使用这种见鬼。