jQuery工具提示设置超时 [英] jquery tooltip set timeout

问题描述

我想显示一个工具提示，该提示将在3秒后消失.

I want to show a tooltip which will disappear after 3 seconds time.

我应该如何修改我的代码?似乎注释的代码将不起作用:

How should I modify my code? seems commented code will not work:

http://jsfiddle.net/sMJ2T/1/

HTML

<div id="mytooltip" title="the message"></div>

JS

$(function() {
    $('#mytooltip').tooltip();

    $('#mytooltip').tooltip({
    open: function(e,o){
        $(o.tooltip).mouseover(function(e){
            $('#mytooltip').tooltip('close');
        });
        $(o.tooltip).mouseout(function(e){
        });         
    },
    close: function(e,o) {},
    show: { duration: 800 }
});

    $('#mytooltip').tooltip('open');//.delay(2000).tooltip('close');


});

推荐答案

您可以这样做:

$(function () {
    $('#mytooltip').tooltip();

    $('#mytooltip').tooltip({
        open: function (e, o) {
            $(o.tooltip).mouseover(function (e) {
                $('#mytooltip').tooltip('close');
            });
            $(o.tooltip).mouseout(function (e) {});
        },
        close: function (e, o) {},
        show: {
            duration: 800
        }
    });

    $('#mytooltip').tooltip('open');
    setTimeout(function () {
        $('#mytooltip').tooltip('close'); //close the tooltip
    }, 3000); //but invoke me after 3 secs
});

小提琴.

这篇关于jQuery工具提示设置超时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！