2

Noty プラグインを使用して、アプリケーションで通知を作成しようとしています。

残念ながら、ドキュメントは私が理解できるよりも複雑です。そのため、画面の右上に表示される簡単なアラートを生成できません。

これが私がやったことです。

まず、次の2つのファイルを含めました

noty/js/noty/jquery-noty.js
noty/js/noty/layouts/topRight.js

このようなデフォルト設定を追加しました

$(function(){

    $.noty.defaults = {
        layout: 'topRight',
        theme: 'defaultTheme',
        type: 'alert',
        text: '',
        dismissQueue: true, // If you want to use queue feature set this true
        template: '',
        animation: {
            open: { height: 'toggle' },
            close: { height: 'toggle' },
            easing: 'swing',
            speed: 500 // opening & closing animation speed
        },
        timeout: true, // delay for closing event. Set false for sticky notifications
        force: false, // adds notification to the beginning of queue when set to true
        modal: false,
        maxVisible: 5, // you can set max visible notification for dismissQueue true option
        closeWith: ['click'], // ['click', 'button', 'hover']
        callback: {
            onShow: function () { },
            afterShow: function () { },
            onClose: function () { },
            afterClose: function () { }
        },
        buttons: false // an array of buttons
    };

});

次に、このような通知をトリガーするクリックイベントを追加しました

$(function(){

    $('#test').click(function(){
            noty({
                text: 'Simple Test!'
            });
    });
});

テスト ボタンをクリックしても、画面には何も表示されず、コンソールにもエラーは表示されません。

ここで何が間違っていますか？右上に表示される簡単な通知を作成するにはどうすればよいですか?

4

1 に答える 1