如何仅在鼠标单击时正确显示JQuery Tool工具提示？

Question

每当用户点击菜单项时，我想显示工具提示：

// Initialize tooltips for each menu_item
$(".menu_item_tooltip_link a.tooltip").tooltip({
    opacity: 1.0,
    position: "bottom center",
    effect: "slide",
    direction: "bottom",
    offset: [0, 0],
    relative: true,
    events: { def: "click,mouseout", tooltip: "mouseenter" }
});

除非用户点击工具提示的关闭按钮，否则不应隐藏工具提示：

$(".menu_item_tooltip_close").click(function () {
    $(this).parents(".menu_item_tooltip:first").hide();
});

一切正常，但是当工具提示关闭并且光标停留在触发工具提示的元素中时，在我离开项目的边界并再次单击它之前，它将不会显示。

知道如何解决这个问题吗？

Answer 1

我自己找到了解决方案。问题是使用JQuery hide（）函数而不是api hide（）函数。以下是它的工作原理：

$(".menu_item_tooltip_close").click(function () {
    var element = $(this).parents(".menu_item_tooltip_link:first").find(
       "a.tooltip");
    var tip = element.data("tooltip");
    tip.hide();
});