首页 / BOOTSTRAP / bootstrap之弹出框

bootstrap之弹出框

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了bootstrap之弹出框，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含773字，纯文字阅读大概需要2分钟。

内容图文

  1.模态框的核心在于 首先声明一个 模态框，标记其位置

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

  2.将页面生成的html代码放到模态框中，我这边是在控制器中返回视图填充模态框，然后将模态框show出来即可

               //作废
    function formInvalid(id) {
        $.ajax({
            type: ‘GET‘,
            url: "/DCC/FormFile/FormInvalid?Id=" + id + "
            &temp
            =" + Date.parse(new Date()),
            success: function (res) {
                if (res.type == ‘@Constants.MessageBodyType.Error‘) {
                    $.hqmsg.showMsg({ content: res.message, msgtype: "@Constants.MessageBodyType.Error" });

                } else {
                    $("#common-modal").html(res);
                    $("#common-modal").modal("show");
                }
            }
        });
    }
        
             Control层：


            return PartialView(model);

 

参考资料：https://www.w3cschool.cn/bootstrap/bootstrap-modal-plugin.html

原文：https://www.cnblogs.com/wang-min/p/10419133.html

内容总结

以上是互联网集市为您收集整理的bootstrap之弹出框全部内容，希望文章能够帮你解决bootstrap之弹出框所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1139879.html

来源：【匿名】