我将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 buttons
,而在于 paths
,在其中您可以配置按钮,否则按钮将不会显示。
我假设您正在使用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问题中所述