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.get有一个非常具有说明性的示例

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

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

要插入数据，请使用：

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

链接多个html页面

1 个答案: