Question

我想在home元素中动态加载html页面，方法是将home.html页面保留为默认值，并在加载另一个html页面时，div元素以外的内容应该是静态的。我怎样才能实现它？请帮忙。我正在使用以下代码......

html代码

<nav class="main">
    <a href="home.html">Page 1</a>
    <a href="contact.html">Page 2</a>
    <a href="about.html">Page 3</a>
    <a href="product.html">Page 4</a>
    <a href="page5.html">Page 5</a>
</nav>

<div id="dynamic">
</div>

我的jquery代码是

$(document).ready(function(){
    $('a').click(function(){
        $('#dynamic').load('home.html');
        return false;
    });
})

Answer 1

加载锚点href中指定的页面：

$('a').click(function(){
    $('#dynamic').load(this.getAttribute('href'));
    return false;
}

Answer 2

尝试这种方法。加载目标网址应基于已单击的链接。

$(document).ready(function(){
    $('nav a').click(function(event){
        event.preventDefault();

        $('#dynamic').load($(this).attr('href'));

        return false;
    });
})

请参阅示例jsfiddle。

通过将其他内容保持为静态来加载动态页面/内容

2 个答案: