用offline.js隐藏提交按钮

Question

我使用的是offline.js (0.7.18)和它的工作状态，当我继续/离线时，指示器会改变状态，到目前为止，一切都很好。

我还可以在离线JS模拟UI上看到，登录面板的样式在display:block和display:none之间切换，此时触发了on /脱机。但我不知道这是怎么回事。

当脱机被触发时，我想隐藏一个‘提交’按钮。

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>