0

我有一个 Jquery 移动网格 -ui-grid-a在一个屏幕中，我必须在其中显示一个 .html 屏幕ui-block-a和另一个 .html 屏幕ui-block-b。当我尝试加载屏幕时，它只显示一个带有 ajax 加载程序进度条的空屏幕。下面是我尝试过的代码。

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
        <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
    </head>

    <body>
        <div data-role="page" id="pageone">
          <div data-role="header">
            <h1>Flexible grid</h1>
          </div>

          <div data-role="main" class="ui-content">
            <div class="ui-grid-a">
              <div class="ui-block-a" id="grid-one"></div>
              <div class="ui-block-b" id="grid-two"></div>
            </div>
          </div>
        </div> 

        <script>
            $(document).ready(function(e){
                $('#grid-one').load('form_demo.html');
                $('#grid-two').load('list_demo.html');
            });
        </script>
    </body>
</html>
4

1 回答 1

0

我自己解决了。我添加了一个指向 .html 页面的 Iframe。现在我在一个基本的 .html 页面中有 2 个 .html 页面。

于 2015-02-26T10:01:16.520 回答