TP5.1 チュートリアル第 10 章の第 3 セクションのユーザ登録セクションで、ブートストラップ メニューのドロップダウンが表示されず、スクリプトの検証が実行できません。

Question

天鵬先生 TP5.1 チュートリアルの第 10 章とセクション 3 にあるユーザー登録機能の暫定実装では、ブートストラップ ドロップダウン メニューが表示されず、ポップアップも表示されません

2 つ目の問題は、スクリプトの検証です。実装できません

<script>
	$(function(){
		$("#register").on('click',function(){
			alert($('#login').serialize());
		})
	})
</script>

この検証でも失敗しました、なぜですか?

<form class="form-horizontal" method="post" id="login">
  <div class="form-group">
    <label class="col-sm-2 control-label">用户名:</label>
    <div class="col-sm-10">
      <input type="text" name="name" class="form-control"  placeholder="UserName">
    </div>
  </div>
  <div class="form-group">
    <label  class="col-sm-2 control-label">邮 箱:</label>
    <div class="col-sm-10">
      <input type="text" name="email" class="form-control">
    </div>
  </div>
    <div class="form-group">
    <label class="col-sm-2 control-label">手机号:</label>
    <div class="col-sm-10">
      <input type="text" name="mobile" class="form-control">
    </div>
  </div>
    <div class="form-group">
    <label class="col-sm-2 control-label">密 码:</label>
    <div class="col-sm-10">
      <input type="password" name="password" class="form-control">
    </div>
  </div>
    <div class="form-group">
    <label class="col-sm-2 control-label">确认密码:</label>
    <div class="col-sm-10">
      <input type="password" name="password_confirm" class="form-control">
    </div>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-primary" id="register">注册</button>
    </div>
  </div>
</form>

こんな形です。ビフォーアフターの動画を3回ほど見ましたが、コードに問題はありません。

	<link rel="stylesheet" href="/static/css/bootstrap.css">
	<script type="/static/js/jquery-3.6.0.min.js"></script>	
	<script type="/static/js/bootstrap.min.js"></script>

JSも導入しています

Answer 1

地元にある新しいパソコンの環境テストは正常でしたが、帰宅後、TP5.1を再インストールして簡単なコードを書き直しましたが、やはり動作しませんでした。オペレーティング·システム？私の地元は WIN10 で、こちらは WIN7 です。コントロールをブロックしても問題ありませんか? Bootstrap の例については問題ありません。

何が起こっているのかわかりません。システムを再インストールする必要がありますか?

Answer 2

地元に帰って新しいパソコンを導入しましたが、新しく導入した環境はTP5.1で、これらのコードを入力するだけですべて解決しました。魔法のようでした。 。どうでも＃＃＃