javascript - 第二次按下时链接不会动态加载内容

Question

我有一个动态显示(或者至少是计划)内容的网站，但它有一些问题。当我第一次打开该网站并单击链接时，它会动态加载内容。当我返回并再次按链接时，它会重新加载整个网站。我觉得我错过了一些重要的东西，它会是什么？

Ajax :

$(document).ready(function () {
    var container = $('#content');

    $('a').click(function (e) {
        e.preventDefault();
        var url = $(this).attr('href');
        //$('#content').hide('fast');
        history.pushState({path: url}, null, url);
        container.load(url);
        return false;
    });

    $(window).bind('popstate', function (event) {
        var state = event.originalEvent.state;

        if (state) {
            container.load(state.path);
        }
    });

    history.replaceState({path: window.location.href}, '');
});

Answer 1

发生这种情况是因为您替换了内容，并且链接不再绑定(bind)到您添加的事件。您需要重新绑定(bind)事件或使用事件委托(delegate)。

所以事件委托(delegate)的解决方案就是替换

$('a').click(function (e) {

与

container.on("click", "a", function (e) {