jQueryの後にJavascriptを読み込み

Question

これは初めてのことですが、多くの検索を行いましたが、jQueryの後にスクリプトが読み込まれなかった理由を知ることができませんでした。私は、エラーを受け取った：あなたは別の方法でそれを処理するために、ブラウザに指示しない限り、

$ is not defined

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script src="jquery-3.2.1.min.js"></script> 
<script> 
    $(document).ready(function() { 
    $('#nav li').hover(function() { 
     $('ul', this).show(); 
    }, function() { 
     $('ul', this).hide(); 
    }); 
    }); 
</script> 

Answer 1

この

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
alert("hello"); //your script here 
}); 
</script> 

Answer 2

Loading JavaScript is Synchronous by defaultを試してみてください。

console.log('$ is ', typeof $)

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