jGrowl - 使用qTip 2.0（jQuery）的插件。定位問題

Question

好的，我試圖用qTip來模擬jGrowl通知插件。 qTip有這樣的功能如何進行演示：

http://craigsworks.com/projects/qtip2/demos/#growl

然而，這種定位在右上角的通知，我希望他們在右下角。我試圖弄亂定位，這很好，但我無法讓更新位置效果正常工作。如果頁面上至少有3個通知，當一個消失時，第二個完全重新定位，其他則不會。

有人能幫我拿updatePos函數按預期工作嗎？

這裏是一個小提琴：http://jsfiddle.net/bCcAB/

Answer 1

在創建函數，而不是

my: target.length ? 'bottom center' : 'bottom right', 
at: target.length ? 'top center' : 'bottom right', 

型

my: 'bottom right', 
at: target.length ? 'top right' : 'bottom right', 

在更新功能，而不是

api.options.position.target = !i ? [$(window).width() - 5,$(window).height()] : [ 
        pos.left + width, 
        pos.top - height - 5 
       ]; 
api.set('position.at', !i ? 'bottom right' : 'top center'); 
api.set('position.my', !i ? 'bottom right' : 'bottom center'); 

型

api.options.position.target = !i ? [$(window).width() - 5,$(window).height()] : [ 
        pos.left + width, 
        pos.top 
       ]; 
api.set('position.at', !i ? 'bottom right' : 'top right'); 

檢查了這一點：http://jsfiddle.net/bCcAB/1/

Answer 2

你爲什麼不只是改變容器的風格？ 原來的代碼是在這裏：http://jsfiddle.net/craga89/YCfx4/ 所以才改變

#qtip-growl-container{ 
    position: fixed; 
    top: 10px; right: 10px; 
} 

到

#qtip-growl-container{ 
    position: fixed; 
    bottom: 10px; right: 10px; 
}