在offline.js中绑定一个事件

Question

我正在尝试让 offline.js 与 toastr 警报一起工作。

我有限的 JS 知识阻碍了我，但希望有人能对此有所了解。

我想要发生的事情 当连接从下到上时，我想在 toast 警报中显示“重新连接成功”消息。

问题 我不明白如何在offline.js 中检查该状态。文档提到可以使用这个：

Offline.on(event, handler, context) : 绑定一个事件。活动：
up：连接已从下到上
down: 连接从上到下

up 事件做了我想要的，但我不知道如何将它付诸实践......

下面真的只是一些伪代码，解释了我想要发生的事情：

function checkifbackonline(){
      var backonlinemessage = "re-connected successfully";
      var checkstate = Offline.on(event, handler, context);
      if (checkstate = true) {
        toastr.info(backonlinemessage);
      }
    }
window.setInterval(checkifbackonline, 3000);

谁能让我走上正确的道路？

Answer 1

您没有按照文档附加事件。

function checkifbackonline(evt){
    var backonlinemessage = "re-connected successfully";
    toastr.info(backonlinemessage);
}
Offline.on("up", checkifbackonline);

当 up 被触发时，它会调用 checkifbackonline 函数。如果要删除事件绑定，请调用 Offline.off("up");