Bootstarpを使用する際、JQueryが動作しない

html,css,bootstrap,jQueryを使用してコードを書きたいのですが、JQueryが動作せず困っています。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>prototype</title>
    <link rel="stylesheet" href="stylesheet.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script type="text/javascript" src="jquery-3.4.1.min.js"></script>
  </head>

  <body>


    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <script>
      $(function(){
          'use strict';
      });
    </script>
  </body>
</html>

上記のように設定したのですが、```
$(function(){
'use strict';
});

このJQ部分に書き込んでも動作してくれません。
拙い質問ですが、解決方法のわかる方。お力添えよろしくお願い致します。

kei344

2019/08/14 17:01

「動作してくれません」とは「何をしたときに」「どうなると思って」「どうなったのか」を、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。エラーはデベロッパーツールで確認してみてください。https://eng-entrance.com/javascript-display-error

m.ts10806

2019/08/14 20:03

質問は編集できます。また回答がついていなければ削除依頼もだせます。前の質問は誤って重複投稿してしまったとかで削除依頼をだしておいてください。

m.ts10806

2019/08/14 22:31

実際に書き込んだjQuery（略さない方が良いですよ）のコードもご提示ください。今提示されている内容だと何もしない内容なので。

行動規範の内容に同意します

回答1件

Bootstrap公式ページの Quick start にあるコピペコードは、slim 版です。（軽量版でajaxができない）それでよかったら、

は不要です。削除してください。

もし、上の「jquery-3.4.1.min.js」圧縮版（Minified）をお使いになりたいなら、
slim 版「jquery-3.3.1.slim.min.js」をいったん削除してから、
jQuery の公式ページからハッシュ入りのものをコピペして使ってください。
https://code.jquery.com/
(minified のリンク)

ちなみに、自前の css は、「bootstrap.min.css」の下のほうがいいでしょう。

投稿2019/08/14 22:17