javascript - 如何防止javascript被多次加载

Question

我遇到了一个问题。我制作了一个应用程序，其中我已指定 DIV 由 ajax 加载。每个 DIV 对应一个特定模块(例如一个与产品详细信息相关的模块，另一个与定价和可用性相关的 DIV)。每个模块都是一个 URL。

DIV1 --- 产品详细信息DIV2 --- 定价DIV3 --- 分类

所有这些 DIV 都是异步加载的。在类别模块中，我有特殊的 javascript 控件，用于以 TreeView 形式浏览类别。

我面临的问题是，如果我将 javascript 库放在主页中，则该控件不会显示。如果我将库放在 DIV3 的 URL 源页面中，那么它会加载多次并挂起我的应用程序。

我的问题是，如果用户一次又一次刷新 DIV，如何防止多次加载此库。

或者，如果这看起来是一个设计问题，您能否提出正确设计的建议。我很想知道如何卸载该库。我是java程序员，也是这么想的。我可能对 javascript 工作有一些错误的理解

提前致谢
朱贾尔

Answer 1

Javascript 代码不必仅在加载脚本标记时执行。如果您只是将相关代码放在一个函数中，并在 ajax 函数的成功回调中调用它，就可以轻松避免这个问题。

1. 移动<script>到 html 正文
2. 将相关代码封装在函数中

Javascript

function myFunction() {
  //... your code
}

调用 myFunction在你的ajax成功回调中

Ajax

$.get("/url", function(data) {
  //add div to page
  myFunction();
});