jQuery工具提示,隐藏...时间之后

时间:2010-06-11 07:36:32

标签: jquery html hide delay

我正在使用Flowplayer.org Tooltips,我希望它在4秒后消失。

以下是代码,有人可以帮忙吗?

$("#search").tooltip({ offset: [45, 170], effect: 'slide' });

谢谢:)

5 个答案:

答案 0 :(得分:5)

在该代码之后

setTimeout(function() {
    $(".tooltip").fadeOut("slow");
}, 4000);

答案 1 :(得分:2)

你试过延迟吗?

$("#search").tooltip({ offset: [45, 170], delay: 4000, effect: 'slide' });

答案 2 :(得分:1)

编辑。 从另一个Stack溢出问题中借用了这个。 它适用于:http://jsfiddle.net/mmRu2/

jQuery.fn.delay = function(time,func){
    return this.each(function(){
        setTimeout(func,time);
    });
};

$('#search').delay(2000, function(){
    $('#search').fadeOut('fast');
    }
);

答案 3 :(得分:1)

这些答案都不适合我。贾马尔接近,但错过了重要的部分。

使用代码在4秒后隐藏工具提示:

<script>
$("s.howTooltip").tooltip({
  //start when the tooltip is shown
  onShow: function () {
    //store a reference to this
    var self = this;
    //start a timeout for 4seconds
    setTimeout(function () {
      //get a reference to the tooltip and hide it.
      self.getTip().hide();
    }, 4000)
  }
})
</script>

答案 4 :(得分:0)

尝试以下回调...希望它能起作用......但我会褪色到不透明度0.8 ......你可以改变其余的...

onShow: function() {
        this.getTrigger().fadeTo("slow", 0.8);
    }