Диалоговое окно начальной загрузки (форма) не работает

Question

Ребята, вы можете мне помочь? Я использую Boostrap.. и я делаю форму входа в диалоговом окне, но это не работает..

это ссылка

<a href="#login" data-toggle="modal">LOGIN</a>

и это кодирование для диалогового окна

<div class="modal fade" id="login" role="dialog">
  <div class="modal-dialog">
     <div class="modal-content">
      <form method="post" class="form-horizontal" role="form">
      <div class="modal-header">
   <h4>Login</h4>
   <div>
   <div class="modal-body">
    <div class="form-group">
    <label for="username" class="col-sm-2 control-label">Name</label>
      <div class="col-sm-10">
   <input type="text" class="form-control" name="username" id="username" placeholder="User Name">
      </div>
  </div>
    <div class="form-group">
   <label for="password" class="col-sm-2 control-label">Password</label>
   <div class="col-sm-10">
   <input type="password" class="form-control" name="password" id="password" placeholder="&#xf111; &#xf111; &#xf111; &#xf111; &#xf111; &#xf111;" style="font-family:Arial, FontAwesome">
   </div>
  </div>
     
  </div>
  <div class="modal-footer">
    <a class="btn btn-default" data-dismiss="modal"> CLOSE </a>
   <button type="submit" class="btn btn-primary" name="login"> LOGIN </button>
  </div>
  </div>
  </div>
  </form>
 </div>
  </div>
</div>

когда я щелкаю ссылку LOGIN, она просто обновляет страницу, и ссылка меняется с localhost/signup.php на localhost/signup.php#login

Помогите мне, пожалуйста.

Answer 1

Это должно работать.. добавить date-target=""

<button class="btn btn-primary" data-toggle="modal" data-target="#login">LOGIN</button>

Убедитесь, что вы импортировали bootstrap.css, bootstrap.js, а также jQuery!

Answer 2

Ты можешь попробовать [a href="#" data-toggle="modal" data-target="#login"] LOGIN [/a] вместо [a href="#login" data-toggle="modal"] LOGIN[/a] и проверьте это снова.

[Примечание: измените квадратные скобки на угловые скобки.]

Если не работает, то, вероятно, вы не добавили bootstrap.js на свою страницу.

Итак, сначала добавьте bootstrap.css на свою страницу, затем jquery.js, затем bootstrap.js и затем любую другую пользовательскую страницу.js.