单击Jquery ui工具提示

Question

我正在尝试在单击事件上显示/隐藏jquery ui工具提示。此外，我不希望它显示隐藏在鼠标输入/离开。

这是一个带有普通工具提示的小提琴：http://jsfiddle.net/Michael_0/sLhD9/（不幸的是jsfiddle似乎无法包含来自google cdn的jquery-用户界面？）。

我的想法是在初始化时禁用工具提示，然后在显示之前单击启用它，它可以工作，但我无法阻止工具提示在鼠标离开目标时隐藏。

$("#myDiv").tooltip({
    disabled: true,
    content: function () {
        return "<div>Custom content</div>"
    }
});

$("#myDiv").click(function () {
        $(this).tooltip("option", "disabled", false);
        $(this).tooltip("open");
    });

Answer 1

为此，您需要取消绑定默认事件处理程序：

$("#myDiv").unbind('mouseover');
$("#myDiv").attr('ttVisible','no');
$("#myDiv").click(function() {
    if($("#myDiv").attr('ttVisible') == 'no') {
        $("#myDiv").tooltip('open');
        $("#myDiv").unbind('mouseleave');
        $("#myDiv").attr('ttVisible','yes');
    } else {
        $("#myDiv").tooltip('close');
        $("#myDiv").attr('ttVisible','no');
    }
});

您可以跟踪当前状态，但是对您来说，我使用了一个名为ttVisible的属性。jQuery UI似乎没有以任何方式公开工具提示的当前状态。