jquery工具提示设置超时

Question

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

我应该如何修改我的代码？似乎注释代码将无法正常工作:

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');


});

Answer 1

你可以这样做:

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

小提琴.