0

index.htmlという名前の2つの別々のhtmlページとmainpage.htmlの間の遷移の間に白い画面が表示されるという問題があります。誰でもこれをdissapear.iに入れてフェードインおよびフェードアウトすることができますか？次のコード：

PS：私はWindows Phone 7エミュレーターを使用しています！

HTML：

    <a  id="loginbtn" data-role="button" href="MainPage.html" 
style="margin-left: 60px;" class="ui-btn-up-a"> Log in</a>

JQuery：

 $(document).ready(function () {
        $("body").css("display", "none");
        $("body").fadeIn(3000);

        $("a#loginbtn").click(function (event) {
            event.preventDefault();
            linkLocation = this.href;
            $("body").fadeOut(200, redirectPage);
        });

        function redirectPage() {
            window.location = linkLocation;
        }
    });

私は次のリンクにアクセスしましたが、Cordova / PhoneGapを使用するのは非常に新しいので、これはわかりません。誰かが私に説明してくれると助かります。

リンク：

Githubフォーラム

Githubフォーラム-「回答」

フェードアウトが機能し、フェードインします。しかし、フェードアウトした後、白い画面が表示され、新しいページが読み込まれます。

使用：HTML5 / CSS / Javascript / Jquerymobile / Jquery.1.7 / JqueryMobile.1.2.0

前もって感謝します

4

4 に答える 4

1

問題の一部は、document.locationを使用し、Romainが指摘したようにアプリを効果的に再起動することです。ただし、それを修正した後でも、別の理由で空白のページが表示されます。

デフォルトでは、1.1以降のjquery mobileトランジションはシーケンシャルです（ひどく壊れています）。1ページ目はフェードアウトし、デフォルトの白い背景のままにして、2ページ目はフェードインします。適切なクロスフェードを取得するには、トランジションハンドラーを置き換える必要があります。

https://github.com/watusi/jquery.mobile.simultaneous-transitions

于 2012-11-16T08:02:32.273 に答える
1

jquery モバイルを使用する利点の 1 つは、組み込みのトランジションにアクセスできることです。手動でフェードアウト フェードインする代わりに、次のいずれかでページを変更する必要があります。

  • ターゲット ページへの単純なリンク: JQM では、次の構文を使用して、単純なリンクで遷移を定義できます<a href="mainpage.html" data-transition="fade">link</a>。ここで説明および示されているように、追加の js は必要ありません。jqm がすべてを処理します。

  • $.mobile.changePage() jquery モバイル メソッドを使用して (window.location を設定する代わりに)、「transition」パラメーターを必要な値に指定します。フェード効果を手動で追加する必要はありません。詳細については、こちらを参照してください。

于 2012-10-30T14:31:02.367 に答える
0

これは、IE ページのちらつきを取り除くとされている CSS-Tricks の小さなスニペットです。

<!-- Stop IE page flicker -->
<!--[if IE]>
    <meta http-equiv="Page-Enter" content="blendTrans(duration=0)" />
    <meta http-equiv="Page-Exit" content="blendTrans(duration=0)" />
<![endif]-->

デスクトップだけでなくモバイルにも当てはまるかどうかはわかりませんが、試してみる価値はあります。

于 2012-10-30T11:10:56.773 に答える
0

jquery mobile などをバイパスして、ボディや html に背景色を含めると、問題を簡単に解決できる可能性があります。あなたのデザインがどうあるべきかわからないので、私の答えに投票してください:)

于 2012-10-30T11:04:29.483 に答える