Im Abschnitt zur Benutzerregistrierung des dritten Abschnitts von Kapitel 10 des TP5.1-Tutorials kann das Dropdown-Menü des Bootstrap-Menüs nicht angezeigt werden und es kann keine Skriptüberprüfung durchgeführt werden.

Question

Die vorläufige Implementierung der Benutzerregistrierungsfunktion in Kapitel 10 und Abschnitt 3 des Tianpeng-Lehrer-TP5.1-Tutorials kann das Bootstrap-Dropdown-Menü nicht anzeigen und kann nicht angezeigt werden

Das zweite Problem besteht darin, dass die Skriptüberprüfung nicht implementiert werden kann

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

Sogar diese Überprüfung schlug fehl, weil Was?

<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>

Das ist das Formular. Ich habe mir die Vorher- und Nachher-Videos dreimal angesehen, und es gibt kein Problem mit dem Code

	<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 wurde auch eingeführt

Answer 1

我在老家电脑新布的环境测试都正常，但是回到家中我有重新下的TP5.1，重新写的简单代码，也不行，这是为啥，和操作系统有关系？不应该啊，老家是WIN10 我这个是WIN7  ，我阻止控件有关系？不应该啊，我在Bootstrap点案例都没事啊、。

不知道什么情况，难道要重新安装系统吗？

Answer 2

我回到老家，拿新电脑布了一遍，新装的环境，TP5.1，简单把这些代码打上去，竟然都解决了，神奇。。没事了