JqueryUI tooltip:仅当用户没有进入工具提示区域时，x秒后关闭

JqueryUI tooltip: close after x seconds ONLY if user does not enter the tooltip area

本文关键字：区域 工具提示 tooltip 用户 JqueryUI      更新时间：2023-09-26

我想有工具提示显示html代码，包括链接，像AdSense的工具提示。我设法显示HTML，但是当鼠标指向工具提示中的链接时，工具提示关闭!

我想延迟工具提示关闭1秒，如果鼠标在此期间进入工具提示(或返回到原始元素)，则只要鼠标停留在那里，它就保持打开状态。只有当鼠标同时离开原始元素和工具提示1秒时，工具提示才会关闭。

你可以这样设置close属性:

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();
      })
  });

这里有一个小提琴来帮助你:http://jsfiddle.net/4sSkc/

希望能有所帮助

相关文章：