Question

我的document.ready功能有问题。我将外部.js链接放在底部，但触发顶部的功能，我收到此错误：

未捕获的ReferenceError：未定义scrollWin

是否有可能在底部添加.js文件的链接，或者我是否必须将其添加到<head>？

<head>
    <link href="css/main.css" rel="stylesheet">
</head>
<body>

    <button onclick="scrollWin()">Click me to scroll</button>

    <script src="js/jquery-1.12.3.js"></script>
    <script src="js/custom.js"></script> 
</body>

JavaScript文件：

// custom.js file
$(document).ready(function() {

    function scrollWin() {
        window.scrollTo(300, 500);
    }

});

Answer 1

在document.ready上定义外部函数

$(document).ready(function() {

});

 function scrollWin() {
     window.scrollTo(300, 500);
 }

OR

$(document).ready(function(){
  scrollWin = function ()
  {
     window.scrollTo(300, 500);
  }
});

链接到外部js文件的问题

1 个答案: