Question

好的，这是问题所在：在我的索引页面中，我有4个标签菜单，Home / Contact / About / Faq和#content div。当我单击每个选项卡时，结果将显示在#content div。

中

“主页”按钮的内容已写入“索引”页面，而所有其他选项卡均为外部页面。以下脚本只能完美地调用外部页面。

正如您所看到的，在第一次加载时，会显示“Home of home选项卡”，如果您单击FAQ，则会加载faq.php，但之后我无法返回主页。我该如何解决这个问题，以便在同一索引页面中显示外部页面和本地div之间的结合？（一个建议是让家庭成为一个外部页面，但这不是我想要的）

Answer 1

在我看来，这里只有两种方法可以做到这一点，因为#content的内容被其他标签的内容替换，您需要获取主页的内容。现在您可以选择通过Ajax或普通的GET请求来获取它。

一种是在索引页面中通过Ajax加载Home选项卡的内容（通过在文档就绪事件处理程序中加载jQuery的加载方法），在这种情况下，您当前的脚本将按原样运行。但是，我不知道你不想要这个。

当用户单击“主页”选项卡时，另一种方法可以是加载完整索引页面。对于这个脚本将是

$(function() {
$('#nav a').click(function() {
    var page = $(this).attr('href');
    var id = $(this).attr('id');
    if (id == 'home') {
        window.location.href = "index.php";
    } else {
        $('#content').load(page + '.php');
    }
    return false;
    });
});

使用jquery加载内容

1 个答案: