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

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

没关系，但它显示如下向上工具提示

我希望它显示为这样;

我怎么样？

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

Answer 1

在我看来，flip在这种情况下使用是错误的选择。使用flipinvert代替flip会使得排名正确：

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

在完全不定义method时，它也是正确的：

adjust: {
    y: 15
}

分叉小提琴 - ＆gt;的 http://jsfiddle.net/v68su257/

docs说：

  

默认的“翻转”类型基本上会在工具提示出现时翻转   屏幕外，即从右上角到右下角等。“flipinvert”   类型的工作方式相同，除非翻转发生时反转   adjust.x和adjust.y属性。