在<a>標(biāo)簽中添加彈出對(duì)話框代碼如下，其中模態(tài)框部分一定只能放在<body>標(biāo)簽中且<a>標(biāo)簽中要有data-toggle="modal"(bootstrap的模態(tài)框插件)
<div class="pull-left">
<a href="#" class="btn btn-default btn-flat" data-toggle="modal" data- target="#pwdEditDialog">修改密碼</a>
</div>
模態(tài)框代碼
<div class="modal fade" id="pwdEditDialog" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" >修改密碼</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" id="edit_pwd_form">
<input type="hidden" id="sid" name="sid" value="${session.sid}"/>
<div class="form-group">
<label for="password" class="col-sm-2 control-label">輸入密碼</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="password" placeholder="輸入密碼" name="password">
</div>
</div>
<div class="form-group">
<label for="checkpwd" class="col-sm-2 control-label">確認(rèn)密碼</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="checkpwd" placeholder="確認(rèn)密碼" name="checkpwd">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">關(guān)閉</button>
<button type="button" class="btn btn-primary" onclick="updatePwd()">保存修改</button>
</div>
</div>
</div>
</div>
