jquery - jQuery UI 工具提示和颜色框

Question

我有一个小应用程序，我在其中使用 jQuery UI 的 Tooltip 函数和 Colorbox。你可以在这里找到

当我将鼠标悬停在 wordmap 上时（现在只有 Rioolreiniging 和 Rioolinspectie），工具提示看起来很好，正如它应该做的那样。

单击单词时，应该会打开一个带有所有工具提示文本的 Lightbox (Colorbox)。工作也很好。

但是当我关闭颜色框时，工具提示仍然存在......我该如何解决这个问题？

先感谢您！

Answer 1

Colorbox 有事件“onClosed”。您必须致电：

$('MY_ID').colorBox({ onClosed: function(){ 
    $( ".selector" ).tooltip( "close" ); } 
})

Answer 2

你必须这样做：

$('MY_ID').colorBox({
    onOpen: function() {
        $("#tt").tooltip("disable");
    },
    onClosed: function() {
        $("#tt").tooltip("enable");
    }
});

有了上面的答案，它会在颜色框消失后关闭工具提示，但之后工具提示将不再起作用。