javascript - 与 jquery 一起使用时，Pnotify 无法显示按钮

Question

我将 pnotify 与 jquery 和 bootstrap3 结合使用，但按钮无法显示

我在应用程序头部包含了 pnotify.custom.min.css 和 pnotify.custom.min.js 文件

这是显示它们的函数

<button 'onclick' => 'delete_category(' . $model->id .')'>Delete user</button>


 function delete_category(id) {
    PNotify.prototype.options.styling = "bootstrap3";
     (new PNotify({
        title: 'Confirmation',
        text: 'This will delete the category?',
        icon: 'glyphicon glyphicon-question-sign',
        hide: false,
        confirm: {
            confirm: true
        },
        buttons: {
            closer: true,
            sticker: false
        },
        history: {
            history: false
        }
    })).get().on('pnotify.confirm', function() {
        alert('Ok, cool.');
    }).on('pnotify.cancel', function() {
        alert('Oh ok. Chicken, I see.');
    });
  }

上面显示了 pnotify 但没有显示按钮

Answer 1

问题不在于 Pnotify 按钮，而在于您配置按钮的路径，否则它们将不会显示。

Proof mentioned in the fiddle here

我假设您正在使用 require.js 在 config 文件中设置按钮的路径

引用路径的正确方法是 pnotify.buttons 和 pnotify.confirm

paths: {
        pnotify: '<path-to-pnotify>/pnotify.core',
        'pnotify.buttons': '<path-to-pnotify>/pnotify.buttons',
        'pnotify.confirm': '<path-to-pnotify>/pnotify.confirm',
    }

正确路径的规范很重要如引用的问题中所述 here