经过一段时间后如何隐藏qtip工具提示?

时间:2009-08-27 10:42:48

标签: javascript jquery

我正在使用qtip(http://craigsworks.com/projects/qtip/)制作工具提示。现在我需要在按下按钮时显示工具提示并隐藏工具提示,例如3秒后。我目前的代码不起作用,工具提示有时会消失,有时会停留......

var self = $("#email");
        self.qtip( { 
            content: error, 
            tip: true,
            position: { corner: { target: 'rightMiddle', tooltip: 'leftMiddle' } }, 
            style: 'error',
            show: { when: false, ready: true }, 
            hide: { when: { event: 'mousemove' }, delay: 2000, effect: function() { self.qtip("destroy"); } }
        } );

1 个答案:

答案 0 :(得分:3)

@newbie,但是回复,是整理代码,也许这就是问题所在。例如,用“this”替换变量“self”的名称。

$("#email").qtip( { 
   content: error, 
   tip: true,
   position: { corner: { target: 'rightMiddle', tooltip: 'leftMiddle' } }, 
   style: 'error',
   show: { when: false, ready: true }, 
   hide: { when: { event: 'mousemove' }, 
           delay: 2000, 
           effect: function() { $(this).qtip("destroy"); }
         }
});