将jquery函数移动到外部js文件

Question

我有一个jquery函数，可以很好地编码到head标签正上方的html页面上

<script type="text/javascript" src="js/jquery.js"></script>    
<script>
$(document).ready(function() {
$('#side-menu').sidr();
});
</script>
</head>

然而，当我将其移动到也位于head标签正上方的外部.js文件时，它无法正常工作。我在external.js文件上格式化它，如下所示：

$(document).ready(function() {
$('#side-menu').sidr();
});

并在html上包含我的external.js文件，如下所示：

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/external.js"></script>
</head>

是否有一些我缺失的语法？

Answer 1

如果没有看到您的页面，我不知道您是如何全力以赴的，但由于它在线工作但不在外部，您可以确保放置：

<script type="text/javascript" src="js/external.js"></script>

......和你在同一个地方：

$(document).ready(function() {
$('#side-menu').sidr();
});

Answer 2

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

jquery src应始终位于使用jquery的外部.js文件之上。