2011-09-16 8 views
0

に1ページを埋め込むことができます私のような別のページに1ページ(data-role="page")を埋め込むことができます。jquerymobile:私は別の

<div data-role="page"> <!-- outer page --> 
    <div data-role="header"></div> 
    <div data-role="content"> 
    <div data-role="page"> <!-- inner page --> 
    <div data-role="header"></div> 
    <div data-role="content"> 
     inner page content goes here.... 
    </div> 
    <div data-role="footer"></div> 
    </div> <!-- inner page --> 
    <div data-role="footer"></div> 
</div> <!-- outer page --> 

私はこのようにしようとしたとき、私は私のコンテンツが、外側のヘッダを見ていない、フッター私には の表示があります。

ありがとう、 nehatha。

答えて

0

いいえ、できません。ページはお互いを埋め込むことを意図していません。おそらくこれで達成しようとしていることを書くことができますか?

2つのオプションがあります。

  1. $( '#content')と言っても過言ではないでしょう、独自の遷移ロジックを記述してください。html(new html);すべてのボタンをクリックして1ページだけを保持します。
  2. jQueryモバイルのヘッダーとフッターにdata-position = "fixed"を使用し、通常のページを使用すると、ヘッダーとフッターがスクロールしてページングしなくなります。

マルチページテンプレート構造:http://demos.jquerymobile.com/1.4.2/transitions/pages/

+0

はラーフルは、私は次のように達成したいありがとう: 1)私のコンテンツのdivは、いくつかの境界線を持っている必要があります。 2)私のヘッダー、左のナビゲーション、フッターは静的でなければなりません。左のナビゲーションバーをクリックすると、jquerymobileの遷移(例えば、スライダウン)を持つ特定のhtml(contactus.htmlなど)をコンテンツエリアにロードする必要があります。 –

+0

あなたが達成しようとしていることは、このアプローチでは困難であるか、または100%可能ではありません。あなたには2つの選択肢があります。 1)あなた自身の推移論理を書くことは、それほど難しくないでしょう。$( '#content')と言うことができます。すべてのボタンをクリックして1ページだけを保持します。 2)jQueryモバイルのヘッダーとフッターにdata-position = "fixed"を使用し、通常のページを使用すると、ヘッダーとフッターはスクロールしてページを移動しません。 http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/toolbars/bars-fixed.html –

関連する問題