Bootstrap3模态垂直居中

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content"></div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

        function openDialog() {
            var modal = $('#myModal').modal({ keyboard: false, backdrop: 'static'/*,remote: 'Detail?r=' + Math.random()*/ })
            modal.find('.modal-content').load('Detail', { R: Math.random() });
        }

 1         $(function () {
            function centerModals() {
                $('#myModal').each(function (i) {
                    var $clone = $(this).clone().css('display', 'block').appendTo('body');
                    var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 2);
                    top = top > 0 ? top : 0;
                    $clone.remove();
                    $(this).find('.modal-content').css("margin-top", top);
                });
            }
            if ($('#myModal').size() > 0) {
                //$('#myModal').on('shown.bs.modal', centerModals);
                //$(window).on('resize', centerModals);
                setInterval(centerModals, 200);
            }
        });