0

リンクがいくつかある JQuery モバイル ページがあります。問題は、ボタンをクリックして次のページに移動すると、すべての要素 (フッターやその他の要素など) が完全に表示されないことです。コンテンツ全体を表示するには、ページを更新する必要があります。どんな助けでも大歓迎です。

    <body data-role="body">
  <header data-role="header">
     <a href=""  data-role="button"  data-transition="fade" data-icon="gear">Settings</a>
    <h1>App</h1>
    <a href="base.php" data-role="button" class="ui-btn-right" data-transition="fade" data-icon="home">Home</a>

    <?  require'includes/navbar.php'; ?>
</header>


<div data-role="content" id="basecontent">
    <a href="#" id="profile" data-transition="fade" data-rel="dialog" data-role="button">Create A profile</a>
    <a id="findshuttle" href="shuttleview.php" data-transition="fade" data-role="button">Find the Shuttle</a>
    <a id="where" href="whereami.php"  data-transition="fade" data-role="button">where am I</a>
</div>

</body>
 <?  require'includes/footer.php'; ?>

質問がうまくできていなかったようです。www.foo.com にアクセスすると、すべてが正常に読み込まれますが、foo.com/bass に移動すると、ページが部分的に読み込まれます。foo.com/bass をリロードすると、すべてがレンダリングされますが、foo.com に戻ろうとすると、ページが部分的に読み込まれます。

4

1 に答える 1

1

ここに投稿した内容から、ナビゲーション バーがドキュメント内にあり、フッターが終了タグの下にあるように見えます。これらの要素は、ページの開始タグ内にない場合、表示されません。

<body data-role="body">
<header data-role="header">
<a href=""  data-role="button"  data-transition="fade" data-icon="gear">Settings</a>
<h1>App</h1>
<a href="base.php" data-role="button" class="ui-btn-right" data-transition="fade" data-icon="home">Home</a>
</header>
    <!--Move this below header-->
<?  require'includes/navbar.php'; ?>

<div data-role="content" id="basecontent">
<a href="#" id="profile" data-transition="fade" data-rel="dialog" data-role="button">Create A profile</a>
<a id="findshuttle" href="shuttleview.php" data-transition="fade" data-role="button">Find the Shuttle</a>
<a id="where" href="whereami.php"  data-transition="fade" data-role="button">where am I</a>
</div>
    <!--Move this above closing body tag-->
<?  require'includes/footer.php'; ?>
</body>
于 2012-04-23T15:10:45.037 に答える