Question

我在使用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>

添加了data-rel = popup时，带有圆圈的Jquery移动弹出空白页面

0 个答案: