Pnotify和fullcalendar

Question

我正在使用pnotify和加载回调函数来显示一个通知，当完整日历插件加载了所有事件时。

loading:function(isLoading, view){

    if (isLoading === false){
        new PNotify({
            title:"Finished loading events",
            type:'success',
            delay: 1000
        });

我的问题是，当我移动到不同的日期时，它会再次调用加载，所以我的屏幕上显示了太多的通知，以至于它变得非常不可用。我怎么才能绕过它呢？有没有一种方法可以检查通知是否处于活动状态，只需更改通知的文本和标题？

Answer 1

您可以根据正在使用的模板(check the template docs)添加该逻辑。

你的代码应该是这样的

loading:function(isLoading, view){
    var exists = false;
    $(".ui-pnotify-title").each(function() {
        if ($(this).html() == 'Finished loading events')
            exists = true;
    });

    if (!exists) {
        new PNotify({
            title:"Finished loading events",
            type:'success',
            delay: 1000
        });
    }
}

如果您可以使用特定的id或类来检测通知是否已经显示，那会更好，但这是可行的。

看看吧。

Answer 2

您可以将其存储在一个变量中，执行必要的代码(如可空/未定义的检查等)并调用"update()“(此处：http://sciactive.com/pnotify/ -例如，查找‘点击通知’并查看源代码)

var p = new PNotify({
    title: 'Some title',
    text: 'Check me out! I\'m a error.',
    type: 'error',
    icon: 'fa fa-times-circle'          
});
// ... code ...
p.update({title: 'My new title'});