Как правильно отобразить всплывающую подсказку 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();
});