html - 链接多个html页面

Question

我用过 bootstrap nav nav-pills nav-justified

我有7个

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

我已经能够单击将重定向到表单页面的表单，但我似乎无法在不单击浏览器的情况下返回到我的主页。我希望能够单击主页按钮，我已经将其作为我的 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)，除非我点击浏览器，我想能够链接到所有通过点击彼此列出。

Answer 1

考虑使用 Ajax 动态加载不同的页面(与 jQuery 相关联，据说使用起来更简单)以获得所需的行为或将所有内容放在单个页面上，并且JS 和 CSS 仅在用户点击链接时显示内容。

一旦您使用 Bootstrap 元素，您的元素中可能已经包含了 jQuery。

有用的链接:

• > jQuery Ajax
• > Hiding elements with CSS

---

检查此页面 jQuery.get有一个非常具有示范性的例子

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

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

要插入数据使用:

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