Javascript $はdocument.readyで定義されていません

Question

次のコードがあり、正しく動作していないdocument.readyスクリプトで "$が定義されていません"という結果が表示されます。私はこのオンラインの多くの異なる質問を見てきました。私はそれを理解することはできません。

<script src="scripts/jquery-3.1.0.js"></script> 
<script src="scripts/jquery.min.js"></script> 
<script src="scripts/jquery.mobile.min.js"></script> 
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> 

<script> 
    $(document).ready (function() { 
     $("body>[data-role='panel']").panel(); 
    }); 
</script> 

Answer 1

この

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

    <script> 
    $(document).ready(function(){ 
    $("body>[data-role='panel']").panel(); 
    }); 
</script>