Question

我的jQuery Mobile应用程序目录.html中有两个(myapp/html/...)个文件。在main.html我有一个页面，我声明为：

<!--Home page-->
<div data-role="page" id="home" >
...
</div>

并且在第二个.html文件中，这只是一个登录页面，我有一个按钮，我想连接到home

中的main.html.页面

我试过了：

<link href="html/main.html"/>

然后：

<ul data-role="listview" data-theme="b" data-inset="true">
        <li><a href="html/main.html/home">Login</a></li>
    </ul>

但是我收到一条错误消息"error loading page"。我还尝试在链接中#之前添加home，但错误消息甚至都没有显示。

我知道＆＃34;正常＆＃34; html，如果两个html文件在同一个文件夹中，我所要做的就是

<a href="thefile.html">my link</a>

但是由于一个html文件在jQuery Mobile中嵌入了几个页面，我该怎么做？

Answer 1

为了能够解决这个问题，您需要了解jQuery Mobile页面处理的工作原理，并且您无法解决此问题。

当jQuery Mobile处理页面时，只有第一个 HTML 文件完全加载到 DOM 中，所有中间文件仅部分加载。当我说部分时，我的意思是 HEAD 将被剥离，只会加载FIRST data-role =＆＃34; page＆＃34; 。

因此，如果您有2个页面，例如，假设第一个名称为 main.html ，第二个名称为 second.html ，则拉丁说两个hava 5 data-role =＆＃34; page＆＃34; div容器。

main.html 中的所有页面都会在应用初始化期间加载到DOM中，但是当您将页面更改为 second.html 时，只会先将数据 - role =＆＃34; page＆＃34; div容器将被加载到 DOM 中，其他所有内容都将被丢弃。

详细了解 here 。