0

jquery mobile で単純なポップアップを開くのに問題があります。

ボタンに data-rel="popup" を追加すると、ページが空になり、中央に灰色の円が表示されます。

何が悪いかわかりますか？

     <!DOCTYPE html>
        <html>
            <head>
                <title></title>
  <meta name=viewport content="user-scalable=no,width=device-width" />
                  <link rel=stylesheet href="css/jquery.mobile-1.3.2.css" />
         <script src="js/jquery-1.6.1.min.js"></script>
          <script src="js/jquery.mobile-1.3.2.js"></script>
        </head> 
        <body>
    <div data-role=page id=win1>
      <div data-role=header>
            <h1></h1>
      </div>


      <div data-role=content>
      xxxxxxx
    </div>

        <div data-role="footer" class="ui-bar">
        <a href="#popupBasic" data-role="button" data-rel="popup" data-icon="plus">My button</a>        
        </div>
<div data-role="popup" id="popupBasic">
    <p>This is a completely basic popup, no options set.<p>
</div>

        </body>
    </html>
4

0 に答える 0