历史api statechange函数脚本每次发生更改时都会复制函数调用

Question

我在一个简单的演示中使用jquery历史插件，每次单击导航项时都会在特定页面的一部分中加载，但我发现每次点击新链接{{ 1}}代码重复。是否有可能在每次代码完成此功能时解除绑定，或者任何人都可以告知我可能出错的地方？

我的测试页http://kylehouston.com/_testing/history/page1.html

JS

History.Adapter.bind(window, 'statechange', function()

Answer 1

您是否尝试过移动

// Bind to StateChange Event
History.Adapter.bind(window, 'statechange', function() {
    var State = History.getState();

    mainContent.fadeOut(function() {
        $(this).empty();
        console.log('this ran');
        preloader.fadeIn();
        loadContent(mainContent, location.pathname);
    });           
});

之前

navLink.on('click', function(e){