如何在連接消失時使用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代碼時纔有效。