toggleClass切换页面之间会产生白色闪烁

Question

我有一个单页应用，每个页面都设置为display：none。

要显示页面，我向他们添加了一个类：

.current-page{
    display:block;
}

所以要切换页面，我只需在当前页面和我要切换到的页面之间切换类（'current-page'）：

$('.current-page, #'+desiredPage).toggleClass('current-page')

但是，这似乎不会立即发生，我在页面之间会出现白色闪烁，就好像在隐藏一个页面和显示另一个页面之间存在瞬间延迟。

绕过这个最好的方法是什么？是否有更好的方式来切换页面？

Answer 1

不是将所有页面切换到display属性堆栈，而是使用z-index显示所需的页面：

.page {
    z-index: 1;
}

.page.current-page {
    z-index: 2;
}

<强> See this demo

Answer 2

$('.current-page').toggleClass('current-page');
$('#'+desiredPage).hide().toggleClass('current-page').fadeIn();

你可能正在寻找什么样的东西？