gritter.css ファイルを含めるのを忘れているに違いありません。詳細を確認するには、ページ全体を表示する必要がありますが、これが私が使用する方法であり、私にとってはうまく機能します...
最初に jQuery と jQuery UI をインクルードします (jQuery UI はグリッターには必要ありませんが、他のものに使用します)
<script type="text/javascript" src="javascript/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="javascript/jquery-ui-1.9.1.custom.min.js"></script>
<link type="text/css" href="css/jquery/[yourThemeOfChoice]/jquery-ui-1.9.1.custom.min.css" rel="stylesheet" />
次に、gritter css と jss を含めます
<link rel="stylesheet" type="text/css" href="javascript/gritter/gritter.css" />
<script type="text/javascript" src="javascript/gritter/jquery.gritter.min.js"></script>
その後、グリッターを使用できます。
それでもうまくいかない場合は、css を再確認し、競合するスタイル定義がないことを確認してください。これを行うには、グリッターをフェードアウトしないように設定し、Chrome でグリッター メッセージを右クリックして要素の検査を選択すると、適用されたすべてのスタイルを表示できます。