在 offline.js 中绑定一个事件

Question

我正在尝试获取 offline.js working together with toastr 警报。

我有限的 JS 知识让我望而却步，但希望有人能对此有所启发。

我想要发生的事情当连接从断开变为接通时，我想在 toast 警报中显示一条 "re-connected successfully" 消息。

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

Offline.on(event, handler, context) : Bind an event. Events:
up: The connection has gone from down to up
down: The connection has gone from up to 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");

在 offline.js 中绑定一个事件

binding an event in offline.js

javascript

setinterval

toastr