перемещение функции JQuery внешних JS файл

Question

У меня есть функция JQuery, который прекрасно работает жестко закодирован на странице HTML прямо над головой тегом

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

однако, когда я переместить его в файл внешних .js, который также прямо над тегом заголовка, он не работает. Я форматирование на external.js файл, как это:

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

и включая мой external.js файл на HTML, как это:

<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 ЦСИ всегда должны быть выше тех внешних .js файлов, которые используют JQuery.