jquery函数只包含一次？

Question

我用jquery构建单页面应用程序。假设我有一个像这样的侧边栏

dashboard.html
order.html

每次点击它我都会通过ajax加载内容。它工作正常但我来回btw页面我注意到脚本加载了两次或更多。怎么解决这个问题？

Answer 1

将脚本和HTML放在单独的文件中。然后跟踪您是否已经加载了脚本，并且不再加载它。

var dashboard_js_loaded = false;
$("#dashboard").click(function() {
    $("#content").load("dashboard.html", function() {
        if (!dashboard_js_loaded) {
            $.getScript("dashboard.js", function() {
                dashboard_js_loaded = true;
            });
        }
    });
});

也许像require.js这样的库可以用来更普遍地管理它。或者您可以编写一个简单的函数来跟踪对象中已加载的JS文件。