1

基本上我想将一些内容页面“外包”到单个 .html 文件中。这些页面位于同一服务器上，应通过链接正常加载：

   <li><a href="#/link1.html" class="contentLink">Link1<span class="icon"></span></a></li>

link1.html 页面的内容：

<!-- page -->
<div data-role="page" class="pages" id="link1">
  <!-- header -->
  <div data-role="header"> <a href="#" onClick="" class="showMenu menuBtn">Menu</a>
    <div class="headerlogo"></div>
  </div>
  <!-- /header -->
  <div data-role="headerimage" class="headerimage"><img     src="images/headerimages/bild1.jpg" /></div>
  <div data-role="content">
    <h3>Link1</h3>
    <p></p>    
  </div>
  <!-- /content -->
</div>
<!-- /page -->

当我单击菜单中的链接时，内容显示正常。但是 URL 的更改方式可能会引起麻烦。

我想要的是：http ://example.com/#link1.html

但我得到的是：http ://example.com/link1.html

所以问题是，如果有人试图重新加载页面http://example.com/link1.html，他/她只会得到 link1.html 的内容，而没有所有 js/css 的东西。

我做错了什么？

谢谢斯蒂芬

4

1 回答 1

2

如果要采用这种方法，则需要在 link1.html 和所有其他外部文件的头部包含 jquery 移动代码。

编辑 - 这实际上可以实现您想要做的事情。

$(document).on('mobileinit', function () {
    $.mobile.pushStateEnabled = false;
});

确保在加载 jQuery Mobile之前放置事件处理程序。

于 2012-07-27T10:49:24.443 回答