2012-02-28 144 views
0

的jsfiddle http://jsfiddle.net/fDavN/2761/QTip2:为什么视口不适用于绝对定位?

我理解的概念,为什么它不会通过CSS,但不能肯定是否相同的行为也适用于此项工具提示插件

initializeToolTip: function() { 
    $(".offer-item").each(function() { 
     $(this).hover().qtip({ 
      content: { 
       text: 'loading...', 
       title: { 
        button: true 
       }, 
       ajax: { 
        url: '/Fakepath/ToolTips/ToolTipHover', 
        type: 'GET' 
       } 
      }, 

      style: { 
       classes: { tooltip: 'auction-item-tooltip' } 
      }, 

      show: { 
       solo: true 
      }, 

      position: {     
       viewport: $(window), 
       target: $(this), 
       my: 'top right', 
       at: 'top right', 
       adjust: { 
        method: 'flip flip', 
        x: 280, 
        y: -20 
       } 
      }, 

      hide: 'unfocus' 

     }); 
    }); 

}, 

initializeCloseToolTip: function() { 
    $('a.close-tooltip').live("click", function (e) { 
     e.preventDefault(); 
     $(this).parents('.qtip').qtip('hide'); 
    }); 
} 

试图让翻转边的最后一个元素当窗外的时候无济于事。一直在看position.container和视口无济于事。有人知道我做错了什么吗?我有5个工具提示相邻,然后在最后一个我想定位切换到'左上角'和相反的位置。

任何帮助,非常感谢。谢谢你的时间!令人敬畏的插件顺便说一句!

这是一些党卫队的最新情况。

常规:http://i.imgur.com/bI3oR.jpg

截止http://i.imgur.com/wWhyq.jpg

编辑:新增的jsfiddle,链接再次dev的论坛http://craigsworks.com/projects/forums/thread-viewport-not-working-with-absolute-positioning?pid=12829#pid12829

谢谢!

回答

相关问题