jquery - Lobibox:关闭之前的通知

Question

有人知道如何使用 Lobibox ( http://lobianijs.com/site/lobibox ) 在显示新通知时关闭上一个通知吗？我有这个例子:

Lobibox.notify(
    'info', {
        title: 'Duplicating line',
        msg  : 'Wait...',
        size : 'mini',
        delay: false
    }
);

$.ajax({
    type    : 'GET',
    url     : $url + '_save.php',
    dataType: "json",
    data    : {
        "action"        : "duplicate",
        "ide": ide,
        "idf": idf
    },
    success : function () {
        Lobibox.notify(
            'success', {
                title: 'Duplicating line',
                msg  : 'Done!',
                size : 'mini'
            }
        );
    }
});

Answer 1

我不确定 Lobibox 默认情况下是否支持此功能，但我在它的实例中发现了 remove 事件。

因此，您可以获取实例并调用 notification1.remove(); 这将删除您正在尝试删除的实例。

很难找到它的 CDN :D

示例:

var notification1 = Lobibox.notify(
  'info', {
    title: 'Duplicating line1',
    msg: 'Wait...',
    size: 'mini',
    delay: false
  }
);

setTimeout(() => {
  notification1.remove();
  var notification2 = Lobibox.notify(
    'info', {
      title: 'Duplicating line2',
      msg: 'Wait...',
      size: 'mini',
      delay: false
    }
  );

}, 400);

<link href="https://cdn.jsdelivr.net/npm/lobibox@1.2.7/dist/css/lobibox.css" rel="stylesheet" />

<script src="https://cdn.jsdelivr.net/npm/lobibox@1.2.7/lib/jquery.1.11.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lobibox@1.2.7/dist/js/lobibox.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />