如何使用 Offline.js 在连接消失时提醒用户答案

【问题标题】：How to alert users when connection is gone using Offline.js如何使用 Offline.js 在连接消失时提醒用户
【发布时间】：2015-06-24 07:25:21
【问题描述】：

我试图在用户离线时提醒他们，并显示一条简单的消息。我使用 Offline.js 作为库 (Offline.js website)。

我想写JS，不使用Eager自动安装。

这是我写的，但它似乎不起作用。有人可以帮我提供更多详细信息吗？

我在图书馆网站上找不到包含代码的示例。

Offline.options = {checkOnLoad: true, checks: {image: {url: 'http://www.vitaminedz.com/photos/49/02-49565-front-de-mer-a-oran.jpg'}, active: 'image'}}

Offline.check();
Offline.on('up', alert('up'));
Offline.on('down',alert('down'));

JSFiddle Code + DEMO

【问题讨论】：

请注意，github 不允许您像那样从 jsfiddle 链接到文件 - 它使用 text/plain mime 类型为它们提供服务，因此您的小提琴（当前）不起作用。

标签： javascript offline offlineapps offline-mode

【解决方案1】：

Linking Your js and css theme of the offline 你然后添加这些代码。

<script type="text/">
var run = function(){
if (Offline.state === 'up')
Offline.check();
}
 setInterval(run, 1000);
</script>

注意：仅当您在其上方调用 jquery.js 代码时，它才会起作用。

【讨论】：

【解决方案2】：

您的处理程序设置不正确。应该是这样的：

alert(Offline.check());
Offline.on('up', function() {
    alert('up');
});
Offline.on('down', function() {
    alert('down')
});

【讨论】：

Offline.js 不仅会触发这些消息，还会重新启动在连接中断期间中断的 ajax。但是在这种 Ajax 的成功方法之后不会被触发。如何触发它们？