6

私のJgrowlコードは次のとおりです。

    $(document).ready(function() {
        $.jGrowl("<strong>Error!</strong><br />An invalid ID was passed and your template could not be loaded", { sticky: true, theme: 'test' });
    });

そして、JgrowlCSSの私のCSSは次のとおりです。

.test{
    background-color:       #000000;
}

しかし、それはそのCSSをボックスに適用していません。私はおそらくテーマオプションを誤用していますが、それに関する多くのドキュメントを見つけるのに苦労しています。

4

2 に答える 2

18

.test background-colorは、「div.jGrowldiv.jGrowl-notification」スタイルによって上書きされます。.testスタイルを！importantにすることができます：

.test{
    background-color:       #000000 !important;
}

または、次のように.testクラスにアクセスします。

"div.jGrowl div.jGrowl-notification.ui-state-test"

これもオーバーライドします

于 2011-01-31T11:00:56.147 に答える
1

jGrowlの設定オプションのパラメータを使用できます

テーマは、この特定のメッセージのカスタムスタイルを指定するCSSクラスであり、jQueryUIでの使用を目的としています。

CSS：

.jGrowl .changeCount {
    background-color: #337ab7;
}

JS：

$.jGrowl("Message in box", {theme: 'changeCount'});

このプラグインの詳細については、 https ：//github.com/stanlemon/jGrowl/blob/master/README.mdをご覧ください。

于 2019-04-01T19:55:13.203 に答える