解决方案: 我在Javascript中对此知之甚少,就回答了这个问题。无论如何,这个问题的解决方案在于:How to redirect to another webpage in JavaScript/jQuery?。
我在phonegap中构建了一个应用程序。 Phonegab使用HTML,JAVASCRIPT,CSS,AJAX和JSON等。我的目标是不将导航栏复制到我创建的每个文件中,因为这会浪费时间和内存。
在PHP中,我们可以包含php文件..但是phonegab不使用PHP ...所以我必须想出另一种方式去页面然后回来。
这是我的代码,我希望转到一个页面,例如“关于我们”,然后回调。如果我在这里想错了,请告诉我......
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"> </span>
<span class="icon-bar"></span>
</button>
<a style = "color:red;"class="navbar-brand" href="#">KPEC</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#"><span class="glyphicon glyphicon-home" style="font-size:25px;" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="glyphicon glyphicon-edit" style="font-size:25px;" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="glyphicon glyphicon-stats" style="font-size:25px;" aria-hidden="true"></span></a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-list-alt" style="font-size:25px;" aria-hidden="true"></span></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-cog" style="font-size:25px;" aria-hidden="true"></span><span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li class="divider"></li>
<li><a href="#">8</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
答案 0 :(得分:0)
如果您创建一个javascript函数,将动态添加导航栏的某些div页面,这将很容易。您可以在每个页面中导入该js,并在页面加载期间调用该函数。