jQueryを反応させたい

前提・実現したいこと

jqueryが反応しません。
動作確認をしたいだけなので、textで動作確認をしています。
ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

atomで書いたコードです。

該当のソースコード

<html lang="ja" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>menu</title>
    <link rel="stylesheet" href="port2.css">
    <script type="text/javascript"　src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
  </head>
  <body>
    <!--https://restaurant.ikyu.com/103255/?pndt=1 url-->
<header>
  <div><br></div>
<nav id="logo-frame">
  <ul id="logo">
  <li><a href=""><img src="crown.png" alt="" width="20"></a></li>
  <li><a href="">国内予約</a></li>
  <li><a href="">国外予約</a></li>
  <li><a href="">レストラン予約</a></li>
  <li><a href="">交通手段</a></li>
  <li><a href="">プラン</a></li>
<!--jquery-->
  <p>
    <span>新規会員登録</span>
    <span>ログイン<span>
  </p>
</ul>
</nav>
    <div class="clear"></div>
<!---->
<div class="image-head">
<div class="image">
  <img src="italian.cooking.jpg" class="none active">
  <img src="spain.cooking.jpg" class="none">
  <img src="france.cooking.jpg" class="none">
    </div>
</div>
</header>
<hr>

<div class="text">
  text
</div>





<script type="text/javascript" src="port2.js"></script>
  </body>
</html>
以下はjsコード(ファイル名　port2.js)
$(function(){
$('.text').text("aaaaaa")
});

試したこと

検索はしましたがわかりませんでした。
scriptを別のファイルで同じように書いたところ動作しました。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

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

回答1件

ベストアンサー

src属性の前を全角空白で区切っているのでjQueryが読み込まれていません。あと、type="text/javascript"は不要です。

Diff
1-    <script type="text/javascript"　src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
2+    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

投稿2020/08/24 15:09

編集2020/08/24 15:10