boostrap弹窗

最新推荐文章于 2024-04-21 13:20:11 发布

77ddv

最新推荐文章于 2024-04-21 13:20:11 发布

阅读量542

点赞数

分类专栏： html 文章标签： html javascript bootstrap 弹窗

本文链接：https://blog.csdn.net/d576029053/article/details/53816349

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

var dialog = function(title,content,callback){
        var html = '<div class="modal fade" id="dialog_Modal_1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" display="hidden">';
        html += '<div class="modal-dialog">';
        html += '<div class="modal-content">';
        html += '<div class="modal-header">';
        html += '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>';
        html += '<h4 class="modal-title" id="myModalLabel">'+title+'</h4>';
        html += '</div>';
        html += '<div class="modal-body">'+content+'</div>';
        html += '<div class="modal-footer">';
        html += '<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>';
        html += '<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>';
        html += '</div>';
        html += '</div>';
        html += '</div>';
        html += '</div>';
        if (!$('#myModal').length) {
            $('body').append(html);
            $('#myModal').modal('show');
        }
        $('#dialog_Modal_1 .btn-primary').click(function(event) {
            callback();
        });
        $('#dialog_Modal_1').modal('show');
    };