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页面。

Bootstrap对话框提示（窗体）不起作用

2 个答案: