使用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
}

分叉 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.

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

How can I determine whether the tooltip upward or downwards when using qtip2?

css

jquery

position

tooltip

qtip2