隱藏提交按鈕與offline.js

Question

我使用offline.js（0.7.18）和它的工作正常，當我去/離線指標改變狀態，一切都很好迄今。

我也可以在Offline JS Simulate UI上看到，當觸發離線時，登錄面板的樣式在display：block和display：none之間切換。但我無法發現這是如何工作的。

我想在觸發離線時隱藏「提交」按鈕。

Answer 1

您可以從使用jQuery的脫機JS模擬UI頁面使用示例：

<script> 
    $(function(){ 

     var 
      $online = $('.online'), 
      $offline = $('.offline'); 

     Offline.on('confirmed-down', function() { 
      $online.fadeOut(function() { 
       $offline.fadeIn(); 
      }); 
     }); 

     Offline.on('confirmed-up', function() { 
      $offline.fadeOut(function() { 
       $online.fadeIn(); 
      }); 
     }); 

    }); 
</script> 

給類「在線」的任何元素，你想所示，當系統處於聯機狀態，並給予類「下線「指向系統處於脫機狀態時要顯示的任何元素。

<button class="online">ABC</button>