jquery - 使用qtip2时如何判断tooltip是向上还是向下？

Question

我想在工具提示向上打开时更改工具提示位置。

qtip2初始化；

jQuery('.tip').each(function(){
   jQuery(this).qtip({
       position: {
           at: 'center center',
           my: 'top center',
           adjust: {
               y: 15,
               method: 'shift flip'
           },
           viewport: $(window)
       },
       show: { delay: 500 },
       hide: { fixed: true, delay: 300, leave: false }
   }); 
});

我的初始化代码如上，当鼠标悬停在元素上时，它显示如下的向下工具提示；

没关系，但是向上工具提示如下所示

我希望它像这样显示；

我怎么可以？

http://jsfiddle.net/crLqm851/2/

Answer 1

在我看来，在这种情况下，flip 是一个错误的选择。使用 flipinvert 而不是 flip 使位置正确:

adjust: {
    y: 15, 
    method: 'shift flipinvert'
}

当根本没有定义 method 时，它也会正确定位:

adjust: {
    y: 15
}

fork fiddle -> http://jsfiddle.net/v68su257/

docs说:

The default "flip" type basically flips the tooltip when it goes off-screen i.e. from top-right, to bottom-right etc. The "flipinvert" type works the same way, except when the flip happens it inverts the adjust.x and adjust.y properties.