javascript - 当对象不再可见时显示 div

Question

我有一个关于预加载器的小问题。我有一个来自第三方的预加载器，它会显示几秒钟(取决于广告)。我能够显示预加载器，但现在的问题是我想隐藏另一个 div(一个游戏)直到预加载器消失。

预加载器在完成后在对象中获得可见性:隐藏样式。我已经尝试过但没有成功:

<script type="text/javascript">
if($('#preloader').is(':visible')) {
    $("#game_container").hide();
}
</script>

提前致谢。

Answer 1

你需要附加一个事件监听器来监听on show/hide，我最近自己也遇到了这类问题。这是我写的解决方案:

$(document).ready(function(){
    $("#preloader").on({
        "show": function(){
            $("#game_container").hide();
        },
        "hide": function(){
            // Do something
        }
    });
});

// Custom event handler for hide and show
(function ($) {
    $.each(['show', 'hide'], function (i, ev) {
        var el = $.fn[ev];
        $.fn[ev] = function () {
            this.trigger(ev);
            return el.apply(this, arguments);
        };
    });
})(jQuery);

一旦您将自己的自定义事件处理程序附加到 on 函数，它将监听 hide 和 show 事件，然后您可以根据需要在您的元素上使用这些事件。

希望对您有所帮助!