如何使用Offline.js在连接断开时向用户发出警报

Question

我试图在用户离线时提醒他们，并显示一条简单的消息。我使用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

Answer 1

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

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

Answer 2

在将js和css主题链接到离线后，您可以添加这些代码。

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

注意:只有当你在它上面调用你的jquery.js代码时，它才能工作。