工具提示问题(淡出时间)

时间:2016-05-09 23:11:22

标签: javascript jquery jquery-tooltip

他们在那里

我目前正在使用jQuery处理一些工具提示。

(function ($) {
$(document).ready(function () {
$(function () {
$(document).tooltip({
    content: function () {
        return $(this).prop('title');
    },
    show: null,
position: {
    my: "right top-25",
    at: "left+25 bottom"
  },
open: function( event, ui ) {
    ui.tooltip.animate({ top: ui.tooltip.position().top + 10 }, 100 );
  },
    close: function (event, ui) {
        ui.tooltip.hover(

        function () {
            $(this).stop(true).fadeTo(200, 1);
        },

        function () {
            $(this).fadeOut("200", function () {
                $(this).remove();
            })
        });
    }
});
});
});
})(jQuery);

我是初学者,从其他地方获取代码,测试不止一个。但是我遇到了问题,如果你将一个接一个的链接悬停,你就会看到“延迟”#39;我正在谈论缓慢的淡入淡出,我希望它们能够更快地淡出,但我仍然应该能够到达工具提示上的链接。

如果打开另一个工具提示,最佳解决方案是关闭工具提示。

你能帮助我吗,总是很乐意在这里学到一些东西:)

编辑:

我似乎可以添加延迟而不是直接显示它: 节目: {     延迟:250   }

1 个答案:

答案 0 :(得分:0)

您可以在第24行更改fadeOut持续时间。请记住持续时间,以毫秒为单位。

function () {
    $(this).fadeOut( HERE GOES DURATION , function () {
        $(this).remove();
    })
});