JqueryUI工具提示:仅在x秒后关闭,如果用户未进入工具提示区域

时间:2014-05-07 20:19:04

标签: javascript jquery jquery-ui jquery-ui-tooltip

我希望工具提示显示HTML代码,包括链接,例如AdSense中的工具提示。我设法显示HTML,但当鼠标进入工具提示内的链接时,工具提示关闭!

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

1 个答案:

答案 0 :(得分:0)

您可以设置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/

希望这有帮助