Question

我有一个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，页面会部分加载。

Answer 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>

Jquery页面未完全加载/显示

1 个答案: