弹模态框

最新推荐文章于 2025-03-03 14:00:32 发布

原创最新推荐文章于 2025-03-03 14:00:32 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

15 篇文章

订阅专栏

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    金币总量增加
                </h4>
            </div>
            <div class="modal-body">
                <form id="defaultForm" method="post" class="form-horizontal" action="/gold/manger/page">
                    <!-- 下面这个div必须要有，插件根据这个进行添加提示 -->
                    <div class="form-group">
                        <label class="col-lg-3 control-label">增加金币量</label>
                        <div class="col-lg-5">
                            <input type="number" min="1" max="9999999" class="form-control" name="addGoldCount"
                                   id="addGoldCount"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-lg-9 col-lg-offset-3">
                            <button type="submit" class="btn btn-primary" id="validateB">增加金币</button>
                        </div>
                    </div>
                </form>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

调用显示：
  $("#myModal").modal('show');