offline.js - 使用 offline.js 隐藏提交按钮

Question

我正在使用offline.js (0.7.18) 并且它工作正常，当我打开/离线时，指示器会改变状态，到目前为止一切都很好。

我还可以在Offline JS Simulate UI上看到，当触发 on/offline 时，登录面板的样式在 display:block 和 display:none 之间切换。但我无法发现这是如何工作的。

我想在触发离线时隐藏“提交”按钮。

Answer 1

您可以使用使用 jQuery 的 Offline JS Simulate 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>