使用jQuery .load（）加载外部内容

Question

我尝试使用Ajax将外部内容加载到<div id="content">。

当我在<div id="content">之外进行外部导航时，此功能正常，如下所示。但是我不需要导航栏，因为整个第一页将包含指向我的外部页面的链接。我怎么能：

• 在没有外部导航栏的情况下在主页（内容区域内）上显示我的链接。

• 使内容淡出每个页面并淡出内容区域内的下一个外部内容。

我做这样的事情：https://css-tricks.com/ajax-load-container-contents/这就是我到目前为止所做的事情。

HTML：

<a href="Link1">Link1</a>
<a href="Link2">Link2</a>

<div id="content"></div>

JS：

$(document).ready(function(){
    $('#content').load('home.html');
    $('a').click(function(){
        var page = $(this).attr('href');

        $('#content').load(page + '.html');

    });
    return false;
});