Dans la section d'enregistrement des utilisateurs de la troisième section du chapitre 10 du didacticiel TP5.1, le menu déroulant d'amorçage ne peut pas être affiché et la vérification du script ne peut pas être effectuée.

Question

L'implémentation préliminaire de la fonction d'enregistrement des utilisateurs dans le chapitre 10 et la section 3 du didacticiel TP5.1 du professeur Tianpeng ne peut pas afficher le menu déroulant bootstrap et ne peut pas apparaître

Le deuxième problème est que la vérification du script ne peut pas être implémentée

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

Même cette vérification a échoué, car Quoi ?

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

C'est le formulaire. J'ai regardé les vidéos avant et après 3 fois, et il n'y a aucun problème avec le 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 a également été introduit

Answer 1

Les tests environnementaux sur mon nouvel ordinateur dans ma ville natale étaient tous normaux, mais quand je suis rentré chez moi, j'ai retéléchargé TP5.1 et réécrit le code simple, mais cela n'a pas fonctionné non plus. Pourquoi est-ce lié ? au système d'exploitation ? Cela ne devrait pas être le cas. Ma ville natale est WIN10 et celle-ci est WIN7. Est-ce important si je bloque le contrôle ? Cela ne devrait pas être le cas. Les exemples de Bootstrap me conviennent.

Je ne sais pas ce qui se passe. Dois-je réinstaller le système ?

Answer 2

Je suis retourné dans ma ville natale et j'ai installé un nouvel ordinateur avec l'environnement nouvellement installé, TP5.1. J'ai simplement tapé ces codes et tout a été résolu. . C'est bon