Question

任何人都可以帮我解决这个问题吗？

如果我有工作示例：

var Login = function() {

var handleLogin = function() {//code here   

}

var handleForgetPassword = function() {//code here     
}

var handleRegister = function() {//code here 
}

return {
    init: function() {

        handleLogin();
        handleForgetPassword();
        handleRegister();

    }

};

}();

jQuery(document).ready(function() {
    Login.init();
});

但下一个示例给出了错误。即使我确定文件已加载。我不能扩展这个功能。

<script src="javascriptLoginfile.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function() { 
    Login.init();
});
</script>

错误

未捕获的ReferenceError：未定义登录在HTMLDocument。（登录：160）在我（jquery.min.js：2） at Object.fireWith [as resolveWith]（jquery.min.js：2）在Function.ready（jquery.min.js：2）在HTMLDocument.K（jquery.min.js：2）

Answer 1

适合我。

var Login = function() {

  var handleLogin = function() { //code here   
    console.log('handleLogin');
  }

  var handleForgetPassword = function() { //code here     
    console.log('handlForgetPassword');
  }

  var handleRegister = function() { //code here 
    console.log('handleRegister');
  }

  return {
    init: function() {

      handleLogin();
      handleForgetPassword();
      handleRegister();

    }

  };

}();

jQuery(document).ready(function() {
  Login.init();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

因为webpack捆绑了所有内容，所以我无法从捆绑脚本外部调用。

我解决了这个变化：

var Login = function() { }

要：

window.Login = function () { }

内置加载的JavaScript即使加载了

2 个答案: