首页 > 解决方案 > Windows onload 事件不适用于自定义 javascript 结构

问题描述

我的问题是 jQueryload事件不适用于我的自定义 Javascript 结构。我尝试了很多解决方案来解决这个问题,但我失败了。

var Init_Template = (function($) {
  "use strict";

  return {
    init: function() {
      this.plugins();
      this.menus();
    },
    plugins: function() {
      // Codes
    },
    menus: function() {
      $(window).on("load", function(e) {
        alert();
      });
    }
  };
})(jQuery);

// Load when ready
jQuery(document).ready(function() {
  function System_Init() {
    Init_Template.init();
  }

  if (window.self === window.top) {
    System_Init();
  } else {
    setTimeout(System_Init);
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

标签: javascriptjquery

解决方案


在执行 javascript 和 jquery 代码之前,您需要加载 jquery 的脚本,因此将脚本标记移到代码上方。我相信这会为你解决你的问题。


推荐阅读