0

好的，问题来了：在我的索引页面中，我有 4 个选项卡菜单、主页/联系方式/关于/常见问题解答和 #content div。当我单击每个选项卡时，结果会出现在#content div 中。

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

代码：http: //jsfiddle.net/gf5US/

如您所见，在第一次加载时，会显示“主页选项卡的内容”，如果您单击常见问题解答，则会加载 faq.php，但是我无法返回主页。我该如何解决这个问题，以便我可以在同一索引页面中显示外部页面和本地 div 之间的组合？（一个建议是将主页设为外部页面，但这不是我想要的）

4

1 回答 1

0

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

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

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

$(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;
    });
});
于 2012-09-22T07:06:50.050 回答