jquery - jqueryjgrowlの位置

Question

jgrowl.cssで位置が「中央」に変更された場合、これをデフォルト、つまり「右上」にオーバーライドするにはどうすればよいですか。

$.jGrowl(data, { 
     header: 'data',
     animateOpen: { height: 'show'}, 
     life: 10000,
     position:'top-right'
});

現在、上記の位置は現在機能していません

ありがとう..

score 24 · Accepted Answer

jGrowl コンテナに適用されるクラスを指定し、画面上の位置を制御します。デフォルトでは、左上、右上、左下、右下、中央の 5 つのオプションが利用可能です。これは、起動メソッドが呼び出される前にデフォルトで変更する必要があります。

これを行うには、次のようなものがあります

    <script type="text/javascript">
           $.jGrowl.defaults.position = 'top-right';
    </script>

次に、上記のように呼び出しを行い、位置設定を省略できます。jGrowl docs から判断すると、デフォルトで位置を設定する必要があり、私の簡単なテストでは、 $.jGrowl(...) 呼び出しで位置を設定しても効果がないことが確認されました。

それが役立つことを願っています

score 4 · Accepted Answer

異なる通知を異なる位置に配置したい場合は、個別の通知コンテナーを作成する必要があります。

さらに、別個のコンテナーがある場合は、省略形のラッパーではなく、jGrowl を呼び出すセレクター形式も使用する必要があります。

すなわち。$('#my-container').jGrowl('私の通知...');

2 に答える 2