問題描述

天棚老師TP5.1教程第十章三小節的用戶注冊功能初步實現不能顯示bootstrap的下拉菜單不能彈出

第二個問題，script驗證也不能實現

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

這是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也都引入了

問題解答

我在老家電腦新布的環境測試都正常，但是回到家中我有重新下的TP5.1，重新寫的簡單代碼，也不行，這是為啥，和操作系統有關系？不應該啊，老家是WIN10 我這個是WIN7 ，我阻止控件有關系？不應該啊，我在Bootstrap點案例都沒事啊、。

不知道什么情況，難道要重新安裝系統嗎？

我回到老家，拿新電腦布了一遍，新裝的環境，TP5.1，簡單把這些代碼打上去，竟然都解決了，神奇。。沒事了