0

さて、qTip を使用して jGrowl 通知プラグインをシミュレートしようとしています。qTipには、そのような機能を作成する方法のデモがあります:

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

ただし、これは通知を右上隅に配置します。私はそれらを右下隅に配置します。ポジショニングをいじってみましたが、ある程度までは問題ありませんが、位置の更新効果を適切に機能させることができません。ページに少なくとも 3 つの通知がある場合、1 つが消えると、2 つ目の通知は完全に再配置されますが、他の通知はそうではありません。

updatePos誰かが機能を期待どおりに機能させるのを手伝ってもらえますか?

ここにフィドルがあります：http://jsfiddle.net/bCcAB/

4

2 に答える 2

1

の代わりにCreate関数で

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/

于 2013-01-29T21:00:46.307 に答える
1

コンテナのスタイルを変更してみませんか? 元のコードはここにあります: http://jsfiddle.net/craga89/YCfx4/ だから変更してください

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

に

#qtip-growl-container{
    position: fixed;
    bottom: 10px; right: 10px;
}
于 2014-10-02T11:28:03.333 に答える