これが私の提案です。左または右にフロートするかどうかにかかわらず、DIV に関して jGrowl を配置する方法がないため、代わりにレンダリング後に転送します。以下は、元の例から取った私のコードです。
(function($){
$.jGrowl.defaults.pool = 5;
$.jGrowl.defaults.sticky = true;
$.jGrowl.defaults.life = 2500;
$.jGrowl.defaults.closer = true;
$.jGrowl.defaults.open = function(e,m,o) {$("#jGrowl").css('right', $('#header').offset().left + 17);};
/**
* @todo Add the twitter avatars to tweets, via tweet.user["profile_image_url"]
* @todo Find a way to calculate the dates relatively
* @todo Test is a cookie plugin is available so that some of this data can be 'cached'
*/
$.jTweet = function( username , total ) {
$.getJSON("http://twitter.com/status/user_timeline/" + username + ".json?count=" + total + "&callback=?", function(response) {
$.each(response, function(i, tweet) {
$.jGrowl( (tweet.text.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
return m.link(m);
})) + ' [' + tweet.source + ']' , {
header: tweet.created_at ,
} );
});
});
};
$.jTweet('jquery', 5);
})(jQuery);
ここで重要な部分は次の行です。
$.jGrowl.defaults.open = function(e,m,o) {$("#jGrowl").css('right', $('#header').offset().left + 17);};
jGrowl オブジェクトの右のプロパティをヘッダーの左のプロパティに揃えます。これは基本的にその場所を転送して、ヘッダーの div の下にあるかのように見せます。