隐藏提交按钮与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>