弹出对话框不显示问题

在<a>标签中添加弹出对话框代码如下，其中模态框部分一定只能放在<body>标签中且<a>标签中要有data-toggle="modal"(bootstrap的模态框插件)

<div class="pull-left">
    <a href="#" class="btn btn-default btn-flat" data-toggle="modal" data-  target="#pwdEditDialog">修改密码</a>
</div>

模态框代码

<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">&times;</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">确认密码</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="checkpwd" placeholder="确认密码" name="checkpwd">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="updatePwd()">保存修改</button>
            </div>
        </div>
    </div>
</div>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

友情链接更多精彩内容