0

你们能帮帮我吗？我正在使用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>

当我单击登录链接时，它只会刷新页面，链接将从 localhost/signup.php 更改为 localhost/signup.php#login

请帮我。

4

2 回答 2

1

这应该工作..添加date-target=""

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

确保你已经导入了 bootstrap.css、bootstrap.js 并且还需要 jQuery！

于 2015-08-22T05:37:57.363 回答
1

您可以尝试[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 页面。

于 2015-08-22T05:45:44.190 回答