0

私はWindows Phone用のアプリを開発していました。アプリにhtmlページを表示していました。HTMLページでjQueryモバイルダイアログボックスを使用したい. それで、私はjquerymobile.comを調べました。これには非常に慣れていないので、そこから何も理解できません。

HTMLページにjqueryモバイルダイアログボックスを表示するにはどうすればよいですか？

4

1 に答える 1

2

アプリ全体で jQuery モバイルを使用していますか? それとも、ダイアログ ボックスだけが必要ですか?

jQuery モバイルを使用している場合は、マークアップでのみこれを行うことができます。次のコードを見てください。これは、ポップアップを表示するページです (HTML):

<body>
    <!-- This is your main page -->
    <div data-role="page">

        <div data-role="header">
            <h1>Page Title</h1>
        </div>

        <div data-role="content">
            <!-- This is the link that will open your popup.
            You can use either a anchor link to an id existing on this page,
            or you can reference a filename like "popup.html"-->
            <a href="#popup" data-rel="dialog" data-transition="pop" data-role="button">Open dialog</a>     
        </div>

        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>

    </div>

    <!-- This is your popup "page" -->
    <div data-role="page" id="popup">

        <div data-role="header">
            <h1>This is your popup header</h1>
        </div>

        <div data-role="content">
             This is your popup content
             <a href="#" data-role="button">Do something here</a>
        </div>

    </div>
</body>

jsfiddle で実際の例を作成しました: http://jsfiddle.net/mwfire/qaNZD/

ドキュメントの「ページの構造」セクションで説明されているすべてのスクリプトと css を含めることを忘れないでください。

オプションのドキュメントを（もう一度）見てください： http://view.jquerymobile.com/1.3.2/dist/demos/widgets/dialog/

于 2013-08-30T16:15:19.770 に答える