2017-03-15 4 views
0

通知用にGrowlyFlash(https://github.com/estum/growlyflash)という名前の宝石を使用していますが、うまく機能しますが、デフォルトのオプションをいくつか変更したいと思います。以下のオプション。RailsとGrowlyFlash - デフォルトオプションを設定する方法

Growlyflash.defaults = $.extend on, Growlyflash.defaults, 
    align: 'right' # horizontal aligning (left, right or center) 
    delay: 4000  # auto-dismiss timeout (0 to disable auto-dismiss) 
    dismiss: yes  # allow to show close button 
    spacing: 10  # spacing between alerts 
    target: 'body' # selector to target element where to place alerts 
    title: no  # switch for adding a title 
    type: null  # bootstrap alert class by default 
    class: ['alert', 'growlyflash', 'fade'] 

これを配置する最も適切な場所はどこですか?私はそれが動作するように見えることができない、私はおそらく何か簡単だと確信していますが、私はそれがGrowlyFlashを見つけることができないと推測しているブラウザエラー 'Uncaught SyntaxError:Unexpected Identifier'

誰かが私に例を挙げることができますか?単純にalignをcenterに設定します。

Growlyflash.defaults = $.extend on, Growlyflash.defaults, align: 'center' 

これをスクリプトタグとすべての種類にラップしました。私はそれを働かせることができません。

事前に感謝します。

+0

あなたはコードをどこに入れましたか? – Sajin

+0

私はいくつかの場所を試してみましたが、私はレイアウト中に配置しようとしました/ application.html.erb検索中に何か似たようなものを見て、私はjavascripts/application.js内に配置しようとしました - 同じブラウザエラーですので、コードが読み込まれていると確信しています。 – Torrm

+0

デフォルトのオプションを変更したい場合は、コーヒー/ jsのどこかでそれらを上書きできます。 – Sajin

答えて

1

私はこれが同等のjavascriptだと思います。 私はこれをコメントに入れません。そのため、ここに入れています。 これが役立つかどうかを確認してください。

Growlyflash.defaults = $.extend(true, Growlyflash.defaults, { 
    align: 'right', 
    delay: 4000, 
    dismiss: true, 
    spacing: 10, 
    target: 'body', 
    title: false, 
    type: null, 
    "class": ['alert', 'growlyflash', 'fade'] 
}); 
+0

それは完璧です - 私はそれを任意のjavascriptファイルで動作すると想像していますが、私のapplication.jsファイルに入れました。どうもありがとうございました! – Torrm

関連する問題