2015-10-07 190 views
0

我用引导净值资产净值药丸NAV对齐链接多个HTML页面

和我的这些

<li><a href="form.html">Form</a></li> 

7我已经能够点击的形式,将重新定向到表单页面,但我似乎无法返回到我的主页而没有点击浏览器。我希望能够点击我在前面提到的7 <li>的一部分中包含的主页按钮。另外,我希望能够从导航栏选项卡跳转到每个页面。

<div class="header"> 
    <div class="container"> 
     <ul class="nav nav-pills nav-justified"> 
      <li><a href "#">Home</a></li> 
      <li><a href "#">About</a></li> 
      <li><a href "#">JavaScript</a></li> 
      <li><a href "#">JQuery</a></li> 
      <li><a href="AngularJS.html">AngularJS</a></li> 
      <li><a href "#">API</a></li> 
      <li><a href="form.html">Form</a></li> 
      <li><a href "#">Contact</a></li> 
     </ul> 
    </div> 
</div> 

所以上面,当我在表单,表单页面上点击即时消息,但除非我点击回到了浏览器,我不能回到主页(index.html的),我想能点击链接到所有列表。

回答

0

考虑使用阿贾克斯动态加载不同的页面(与jQuery的与协会也说是简单的使用)所期望的行为或把所有东西都在一个页面上,并显示的内容,只有当用户通过点击链接JSCSS

只要您使用Bootstrap元素,您可能已将jQuery包含在您的项目中。

相关链接:


查看此网页jQuery.get有一个很示范例子

$.get("demo_test.asp", function(data, status) 
{ 
    alert("Data: " + data + "\nStatus: " + status); 
}); 

其中数据 - 从服务器收到的数据。它应该是你的html代码来替换内容。

要插入数据的使用:

$.('#Content').html(data); //id="Content" is from the comment 
+0

我打算在我的其他网页上使用AJAX,但我不希望这些导航栏是ajax,请问我需要在我的代码中包含哪些内容才能让我们说,从主页选项卡到窗体选项卡,然后从窗体选项卡返回到主页选项卡,而无需单击浏览器。 – Jim41Mavs

+0

使用AJAX,您可以替换页面的一部分让** ** div **与** id =“Content”**,其中显示给客户端的所有内容都与从服务器接收的数据一起显示,无需重新加载整个页面。因此,显示的内容会发生变化,但用户会停留在同一页面上 – hrust

+0

嗨,大家好,我上传了一个word文件(http://s000.tinyupload.com/index.php?文件ID = 94011560737596238178) 与我的投资组合+代码的截图,请看看它,回到我的预期回答,非常感谢提前和消息,如果你需要更清晰我要求什么 – Jim41Mavs

0

如果在本地主机做到这一点,您创建这些文件,因为我发现当你点击的家,你得到的404页,你必须唯一如果我错误地评论我并且更多地解释你的问题,那么我会帮助你。

+0

嗨,http://s000.tinyupload.com/index.php?file_id=94011560737596238178 更多细节,在这里,你的帮助是非常感谢。 – Jim41Mavs