0

グリッターを使用したいのですが、機能しません。スタイルなしでページの下部に移動します。これを使用してjqueryの関数から呼び出します:

$.gritter.add({
    title: "Sucesso",
    text: "O Administrador  " + $nome + "  foi adicionado com sucesso.",
    fade: true,
    speed: "fast"
});

私はそれを間違っていますか、私は他のものを試しましたが、うまくいきませんでした. 私はこのテンプレートhttp://www.eakroko.de/flat/components-elements.htmlを使用しており、js スクリプトを呼び出しています。

4

1 に答える 1

1

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 でグリッター メッセージを右クリックして要素の検査を選択すると、適用されたすべてのスタイルを表示できます。

于 2013-12-26T22:39:20.397 に答える