0

私はJQueryを初めて使用し、モバイルWebブラウザー開発にJQueryを使用できることを理解しました。ブラウザ用のシンプルなポップページを作成しています。私はいくつかのドキュメントを調べて、ページのようなモーダルウィンドウにdata-rel="dialog"を使用できるという答えを得ました。しかし、私は私のオープニングページとしてウィンドウのようなモーダルが欲しいです。（1ページ）これは私のコードです。私を助けてください。私はこれに不慣れです。ありがとうございました。

 <body>
<!-- This is the first page -->
<section id="firstpage" data-rel="dialog" data-role="page">
    <header data-role="header">
        <h1>Page Content Header</h1>
    </header>
    <div data-role="content">
    <p>This is page 1</p>
    <p><a href="#secondpage" data-rel="dialog">Display Dialog</a></p>
    </div>

</section>

<!-- This page will be displayed as a dialog -->
<div id="secondpage" data-rel="dialog" data-role="page">

     <div data-role="content">
            <div>
                <h1 class="text-align-center">
                    <b>
                        Apple
                    </b>
                </h1>
            </div>


            <a data-role="button" data-transition="none" data-theme="b" href="http://m.apple.com">
                Go
            </a>
        </div>

</div>

4

1 に答える 1

0

data-roleをdialogに変更します。次に、data-rel属性を取り除くことができます。すなわち

<section id="firstpage" data-role="dialog">
    <header data-role="header">
        <h1>Page Content Header</h1>
    </header>
    <div data-role="content">
        <p>This is page 1</p>
        <p><a href="#secondpage" data-rel="dialog">Display Dialog</a></p>
    </div>

</section>
于 2012-05-04T22:35:56.250 に答える