jquery - toggleClass 切换页面在

Question

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

为了显示页面，我向它们添加了一个类：

.current-page{
    display:block;
}

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

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

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

解决这个问题的最佳方法是什么？有没有更好的方法来切换页面？

score 2 · Accepted Answer

而不是切换他们的display属性堆栈所有页面彼此顶部并使用 z-index 显示所需的页面：

.page {
    z-index: 1;
}

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

score 0 · Accepted Answer

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

可能是你正在寻找的那种东西？

2 回答 2