将 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 文件之上

moving jquery function to external js file