防止jQuery多重引用

Question

我正在开发Dnn模块,我在一些模块中使用jQuery,我将jQuery引用添加到每个ascx文件的顶部,顺便说一下当用户将每个模块添加时添加多个模块添加到它引用的页面时,这种情况给出了一些错误,当我从其他模块底部的模块中删除引用时,它们都使用jQuery,它们运行良好,有没有办法防止多次引用jQuery？我的意思是如果它在页面上被引用,那么它将不会再次引用.谢谢.

Answer 1

您可以制作一个小脚本来检查页面上是否存在jQuery,并且只有在不存在时才加载它:

// 'load-jquery.js'
window.onload = function () {
  if (window.jQuery === undefined) {
    var script = document.createElement('script');
    script.src = 'path/to/jquery.min.js';
    document.getElementsByTagName('head')[0].appendChild(script); // load jQuery
  }
};