Question

我正在使用offline.js（0.7.18）并且它工作正常，当我继续/离线时指示器改变状态，到目前为止都很好。

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

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

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>

给课程＆＃34;在线＆＃34;系统在线时要显示的任何元素，并给出课程＆＃34;离线＆＃34;到系统离线时要显示的任何元素。

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

使用offline.js隐藏提交按钮

1 个答案: