1

我有以下js：

$(function() {
    $('#header a').click(function() {
        $('#contentspace').empty();
        // $("#contentspace").load(eventUrl + "#content");
        $("#contentspace").load(this.href, + ' #content', function(response){
            console.log($('#content', response).html())
            event.preventDefault();
        });
    });
});

和html：

<div id="header" class="ui-corner-all ui-buttonset">
    <a title="index" href="index.php" ><span>home</span></a>
    <a title="code" href="code.php" ><span>code</span></a>
    <a title="design" href="design.php" ><span>design</span></a>
    <a title="illustration" href="illustration.php" ><span>illustration</span></a>
    <a title="writing" href="writing.php" ><span>writing</span></a>
    <a title="links" href="links.php" ><span>links</span></a>
    <a title="about" href="about.php" ><span>about</span></a>
</div>

我用它来加载网页的各个部分#contentspace，并给我的练习网站一种 ajax 的感觉。当用户单击返回主页并且主页在其内部加载时，就会出现问题。我想我可能已经通过添加 论点- ' #header',来解决它.load，但这似乎没有任何作用，即使它有我也可以看到它会如何产生其他问题。

摘要：我在使用 jquery 制作有效的登录页面时遇到问题。主页正在将其页眉和页脚加载到自身中。

4

1 回答 1

1

也许您可以将主页分成类似index.htmland home.html，仅包含页眉和页脚的索引，而另一个仅包含主页内容的索引。

然后，您可以.load在页面最初加载时（例如，在您将点击处理程序附加到导航之前）使用“home.html”执行一次索引。

于 2012-04-09T22:41:01.110 回答