0

バージョン 1.2.1 を使用

これは私のコードです

<div data-role="page" id="page2">
    <div data-role="header" data-theme="e">
         <h3>
            Page 2
        </h3>
 <a data-role="button" data-direction="reverse" data-rel="back" href="#page2" data-icon="arrow-l" data-iconpos="left">
            Back
        </a>

    </div>
    <div data-role="content">
<a href="#popupBasic" data-rel="popup">Open Popup</a>

        <div data-role="popup" id="popupBasic">
            <p>This is a completely basic popup, no options set.
                <p>
        </div>
        <div data-role="footer" data-position="fixed" data-theme="e">
             <h4>
            footer
        </h4>

        </div>
    </div>

必要なファイルは既に含めています。

<link rel="stylesheet" href="css/jquery.mobile-1.2.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.2.1.min.js"></script>

Jquery docs web サイトでボタンとして表示されるハイパーリンクとして「OPEN POPUP」を取得しています

このリンクを確認してください

Jquery の例のリンク

4

1 に答える 1

0

data-role="button" 「a」タグに追加するのを忘れました

デモ

ただし、最新バージョンをチェックアウトする必要があります。あなたは現在jQuery Mobile v1.3.1までにレガシーである1.2.1を使用しています

于 2013-05-14T18:27:50.180 に答える