javascript - 初始加载时主干视图未正确显示

Question

我有一个主页视图，我想在页面初始加载时隐藏一些 div。然而，所有的 div 在初始加载时都是可见的。如果我在此屏幕上的选项卡并返回，则 div 将被隐藏。主函数在内部调用

$(document).ready(app.init)

所以我知道dom已经准备好了。这是几乎可以工作的视图渲染功能，只是不会在加载时隐藏 div。这是要调用的最后一个函数，因此没有其他任何影响它。

$('#course').slideUp();
$('#scores').slideUp();
$('#next').slideUp();
$("#content_home").trigger("create");
return this;

有任何想法吗

Answer 1

一种可能性是您有时间问题。你有没有尝试过：

render: function() {
    window.setTimeout(function() {
        $('#course').slideUp();
        $('#scores').slideUp();
        $('#next').slideUp();
        $("#content_home").trigger("create");
    }, 1);
    return this;
}

这将使您的动画在渲染（以及任何名称）完成后才开始。