offline.jsで送信ボタンを非表示にする

Question

私はoffline.js（0.7.18）を使用しています。

Offline JS Simulate UIには、オン/オフラインがトリガーされたときに、ログインパネルがdisplay：blockとdisplay：noneの間でスタイルを切り替えるようになっています。しかし、私はこれがどのように機能するのか発見できません。

オフラインがトリガーされたときに[送信]ボタンを非表示にしたいとします。システムがオンラインのときに表示したい任意の要素に「オンライン」クラスを付けて、クラス「オフラインを与える

<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> 

：

Answer 1

あなたはjQueryのを使用してオフラインJSシミュレートUIページからのサンプルを使用することができますシステムがオフラインのときに表示したい要素に移動します。

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