bootstrap-弹框问题-居中

来源：互联网发布：手机海报制作软件编辑：程序博客网时间：2024/06/05 20:28
data-toggle="modal" data-target="#addproject"
  <!--修改项目-->    <div class="modal fade" id="addproject" 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">&times;</button>                <h4 class="modal-title login-byCardTitle" >修改项目</h4>            </div>            <div class="modal-body">                <p style="font-size: 15px">项目名称: </p>                <p><input style="width: 80%;height: 35px" class="d-name"></p>                <p style="font-size: 15px">版本号: </p>                <p><input style="width: 80%;height: 35px"class="d-history"></p>                <p  style="font-size: 15px">项目类型：<select class="myselect" name="account" value="" style="width: 150px;height: 35px">                    <option value="0">pc端</option>                    <option value="1">手机端</option>                    <option value="2">小程序</option>                </select></p>                <p  style="font-size: 15px">项目说明:</p>                <p>                <textarea placeholder="输入详细说明" style="min-height: 100px;width: 90%" class="d-text"></textarea>                </p>            </div>            <div class="modal-footer">                <button type="button" class="btn btn-primary public-fontBlack" data-dismiss="modal">确认</button>                <button type="button" class="btn btn-danger public-fontBlack" data-dismiss="modal">返回</button>            </div>        </div>    </div></div>

<!--居中方法
-->
function initPublicView(){    $(".modal").on("shown.bs.modal",function(e){        console.log($(e.target).find(".modal-dialog").height());        $(e.target).find(".modal-dialog").css("margin-top",($(document).height()-$(e.target).find(".modal-dialog").height())/2);    })}
阅读全文
0 0