html - 子导航栏

Question

我想知道如果您能帮助我，我如何才能创建一个子导航，在我单击导航栏中的一个链接后只有子导航发生变化而不是刷新整个页面

http://jsfiddle.net/qrn8Q/

谢谢。

HTML 代码:

    <header class="header">
    <div class="container">
        <div class="header-primary_container">
            <a class="header_brand" href="#"></a>
            <div class="navigation-primary_right">
                <div class="navigation-primary">
                    <nav class="navigation-primary_links">  <a href="" class="nav_icon selected">Home</a>
                        <a href="" class="nav_icon">Designs</a>
                        <a href="" class="nav_icon">About Us</a>

                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>
<nav class="sub_nav">
    <a href="index.php" class="sub_nav_icon">Home</a>
    <a href="index.php" class="sub_nav_icon">Sign in</a>
    <a href="index.php" class="sub_nav_icon">Sign up</a>
</nav>
</div>

Answer 1

您需要做的是使用 Ajax 或 iFrame。对于这些链接的 onclick 事件，您可以编写 javascript 代码来加载新内容。