0

jQueryモバイルでは、ユーザーが新しいページ（example.htmlとしましょう）を開いたときに、

  • ダイアログ ボックスでフェードインする (バックグラウンドで example.html を使用)
  • 3 秒後にダイアログ ボックスがフェードアウトし、
  • example.html が表示されるようになりました

ダイアログをセットアップしましたが、ダイアログ ボックスをフェード イン/フェード アウトする方法がわかりません。

<div data-role="page">
// page
</div>

<div data-role="dialog">
  // dialog box fades in, 3 seconds later, fade out
</div>
4

2 に答える 2

1

ページとダイアログに一意の ID で注釈を付け、次のようなものをpageshowページのイベントにバインドします。

jQuery('#myPageId').bind('pageshow', function() {
    var me = jQuery(this);
    var dialogShown = me.data('dialogShown');
    var dialog = jQuery('#myDialogId');
    if(!dialogShown) {
        me.data('dialogShown', true);
        dialog.one('pageshow', function() {
            setTimeout(function() { window.history.back(); }, '3000');
        });
        jQuery.mobile.changePage(dialog, {transition: 'fade'}); 
    }
});
于 2012-05-15T21:20:42.223 に答える
0

メソッドを使用するfadeOutと、ダイアログをフェードできるはずです。次に、ページが読み込まれてから 3 秒後にそれを呼び出すタイマーを設定します。

于 2012-05-15T19:52:57.163 に答える