Question

我有一个用于创建PHP页面的模板系统。在我模板的jquery文档就绪函数中，我具有以下代码来为通常会显示浏览器默认工具提示的所有元素设置一个“全局”工具提示...

$( document ).tooltip({ classes: { "ui-tooltip": "ui-corner-all my-ui-widget-shadow" }});

但是它的行为很奇怪。例如，有时当我没有悬停在某物上时出现。在下面的示例屏幕截图中，当我单击模式对话框中的按钮时，它会生成另一个对话框。当我没有将鼠标悬停在关闭按钮上时，该对话框的关闭按钮的工具提示会显示，并且一直停留到我单击...

当我将鼠标光标移开时，工具提示将在某些区域保留。在下面的示例中，我将鼠标悬停在该行上，工具提示出现（正确），然后在该行的右端单击一个按钮，该按钮显示了模式形式。当我关闭该模式窗体时，工具提示将保持可见，直到我单击某处为止。

是否存在一种更好的“最佳实践”方法，将浏览器的默认工具提示替换为JqueryUI工具提示，而不会导致这种行为？