如何确定工具在使用qtip2时是向上还是向下倾斜？

Question

当工具提示向上打开时，我想改变工具提示的位置。

qtip2 init；

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

我的init代码如上面和当悬停到元素，它显示如下向下的工具提示；

​

​

没关系，但是，下面显示的是向上的工具提示

​

​

我想让它像这样展示；

​

​

我怎么能？

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

Answer 1

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

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

当完全不定义method时，它也会正确定位：

adjust: {
    y: 15
}

叉形小提琴-> http://jsfiddle.net/v68su257/

docs说：

默认的“翻转”类型基本上是在离开屏幕时翻转工具提示，即从右上到右下角等。“倒装”类型的工作方式是相同的，除非当翻转发生时，它反转了Adap.x和Adap.y属性。