0

最近我开始将 jQuery Mobile 用于原生 android 应用程序（使用 phoneGap）。

这是我的 index.html：

<html>
<head>
    <meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="stylesheet" href="css/rtl.jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="css/style.css">

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="js/rtl.jquery.mobile-1.2.0.min.js"></script>


    <title>Untitled Document</title>
</head>
<body>
<div class="all_app_position" data-role="homePage">
    <div data-role="header" class="header">
        header
    </div>
    <div class="middle">
        Middle contnet
    </div>

    <div class="footer">
        footer content
    </div>

</div>

</body>
</html>

我想将第二个 html 文件中的内容（如下）导入中间 div。

     <div data-role="page" id="about">
         <div data-role="header"><h1>Page 2</h1></div>
         <div data-role="content"><p id="deviceProperties">Loading device properties...</p></div>
         <div data-role="footer"><h4>Footer</h4></div>
     </div>

我该怎么做？！我尝试了很多方法，但我做不到。

对我来说很重要的是该链接将使用 Ajax。

对不起我的英语

谢谢 ：）

4

1 回答 1

0

有很多方法可以从不同的文件中嵌入 html。请查看链接http://webdesign.about.com/od/ssi/a/aa052002a.htm了解更多信息。

最好的方法之一是 HTML 中的内联框架或 iframe 标签。

于 2012-12-02T13:39:38.717 回答