2012-02-28 48 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

謝謝!

回答

相關問題