Jquery mobile 使用jQuery mobile加载HTML页面

基本上，我想将一些内容页面“外包”到单个.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 -->

链接1

当我点击菜单中的链接时，内容显示良好。但URL的更改方式可能会带来麻烦

我想要的是：

但我得到的是：

所以问题是，如果有人试图重新加载页面，他/她只会获得link1.html的内容，而没有所有js/css内容

我做错了什么

Thx

---

Stefan

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

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

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

---

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

Hi！谢谢你的回答。如果我能做到这一点，而不让这些文件包含在头部，那将是一件又好又干净的事情。没有机会告诉jQuery mobile不要删除散列（#）吗？