1

jQueryUIを使用してiPadの「ページ間スワイプ」機能を模倣しようとしています。

私はこれらの2つのフルスクリーン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は後でのみ表示され、効果はありません。

4

2 に答える 2

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

このようにするか、以下を試してください

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

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

$('#gameLayer').show(
    'slide',
    { direction: "right" },
    1000);
于 2012-09-14T09:33:02.307 に答える
1

インラインスタイルにする代わりに$（'＃gameLayer'）。hide（）を呼び出して、最初にgameLayerを非表示にします。style="display:none;"

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

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

$('#gameLayer').show(
    'slide',
    { direction: "left" },
    1000);
于 2012-09-14T09:34:06.523 に答える