javascript - jQuery:在页面之间滑动

尝试使用jQuery UI模拟iPad的“页面间滑动”功能。

我有以下两个全屏div：

<div id="introLayer" class="layer"></div>
<div id="gameLayer" class="layer" style="display:none;"></div>

在某个时候，introLayer必须向左隐藏滑动，并随其滑动运动被gameLayer代替。

我尝试了以下方法：

    $('#introLayer').hide(
        'slide',
        { direction: "left" },
        1000);

    $('#gameLayer').show(
        'slide',
        { direction: "left" },
        1000);

结果introLayer可以很好地滑出，但是gameLayer仅在之后出现，而没有任何效果。

最佳答案

首先通过调用$（'＃gameLayer'）。hide（）来隐藏gameLayer，而不是将其放置为内联样式：style="display:none;"

$('#gameLayer').hide();

$('#introLayer').hide(
  'slide',
    { direction: "left" },
    1000);

$('#gameLayer').show(
    'slide',
    { direction: "left" },
    1000);

关于javascript - jQuery:在页面之间滑动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12421672/