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をリロードしようとすると、すべてのjs/cssがなくてもlink1.htmlのコンテンツのみを取得することです。

私が間違っていることは何ですか？

Thx Stefan

4

1 に答える 1

2

このアプローチを取る場合は、jquery モバイル コードを link1.html の head と他のすべての外部ファイルに含める必要があります。

編集 - これは実際にあなたがしようとしていることを達成するかもしれません.

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

jQuery Mobile が読み込まれる前に、イベント ハンドラーが配置されていることを確認してください。

于 2012-07-27T10:49:24.443 に答える