Javascript JqueryUI工具提示：仅当用户未进入工具提示区域时，才在x秒后关闭

我希望有显示html代码的工具提示，包括链接，比如AdSense中的工具提示。我设法显示HTML，但当鼠标指向工具提示内的链接时，工具提示关闭

我想将工具提示关闭延迟1秒，如果鼠标在此期间进入工具提示或返回到原始元素，请将其保持打开状态，直到鼠标停留在那里为止。

---

只有当鼠标离开原始元素和工具提示1秒时，工具提示才会关闭。

您可以按如下方式设置关闭属性：

function (event, ui) {
  ui.tooltip.hover(
    function () {
      $(this).stop(true).fadeTo(400, 1);
      //.fadeIn("slow"); // doesn't work because of stop()
    },
    function () {
      $(this).fadeOut("400", function () {
        $(this).remove();
      })
  });

这里有一把小提琴可以帮助你：

---

希望这能有所帮助

在jsfiddle示例中，工具提示会在短暂延迟后消失，但足以让鼠标移到工具提示上并防止关闭。另外，工具提示在离开后很快就会消失，可能是因为超时400与输入工具提示有关，而不是离开工具提示。尝试将超时时间增加到5000，在离开工具提示之前等待10秒，你就会明白我的意思。嘿，我只是在这上面添加了两个新属性：show:100，hide:5000，check the fiddle: