基于bootstrap 在同一个界面弹出不同的模态框

摘要:
同一个页面如何操作多个模态框的弹出第一个模态框第二个模态框×关闭PY成功˂!

同一个页面如何操作多个模态框的弹出

<button class="btn btn-info"data-toggle="modal"data-target="#myModal">第一个模态框</button>
 
<button class="btn ben-default"data-toggle="modal"data-target="#myModal_2">第二个模态框</button>
 
        <!--第一个模态框的ID为myModal-->
        <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"style=" 550px; margin: 0px auto;">
                    <!--添加你的弹窗内容 -->
                    
                    <!--添加你的弹窗内容 -->
                </div>
                <div class="modal-footer">
                    <button type="button"class="btn btn-default"data-dismiss="modal">关闭
                </button>
                <button type="button"class="btn btn-primary"id="input-button"onclick="setUserGold()">PY成功 <!--成功的按钮-->
                </button>
            </div>
        </div><!--/.modal-content -->
    </div><!--/.modal-dialog -->
</div><!--/.modal -->
 
 
 
<!--第二个模态框的ID为myModal_2-->
        <div class="modal fade"id="myModal_2"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"style=" 550px; margin: 0px auto;">
                    <!--添加你的弹窗内容 -->
                    
                    <!--添加你的弹窗内容 -->
                </div>
                <div class="modal-footer">
                    <button type="button"class="btn btn-default"data-dismiss="modal">关闭
                </button>
                <button type="button"class="btn btn-primary"id="input-button"onclick="setUserGold()">PY成功 <!--成功的按钮-->
                </button>
            </div>
        </div><!--/.modal-content -->
    </div><!--/.modal-dialog -->
</div><!--/.modal -->--------------------- 
作者:ChiangShenHung 
来源:CSDN 
原文:https://blog.csdn.net/jinshong/article/details/83501880 

免责声明:文章转载自《基于bootstrap 在同一个界面弹出不同的模态框》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇UASP规范1.0中译本layui创建表单下拉框样式不显示下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

linux oracle监听配置

1、在oracle用户下输入命令:netca,进入安装界面,选择“Listener configuration”,点击“Next”按钮 2、选择“Add”,点击“Next”按钮 3、默认监听名称,点击“Next”按钮 4、默认选择“TCP”,点击“Next”按钮  5、选择“Use the standard port number of 1521”...

canvas 动画库 CreateJs 之 EaselJS(下篇)

本文来自网易云社区 作者:田亚楠 继承 对应原文:Inheritance 我们可以继承已有的「显示对象」,创建新的自定义类。实现方法有很多种,下面介绍其中之一。 举例:实现一个继承于 Container 类的自定义类 Button: 共分 4 步: 自定义构造器 继承父类,获得父类的功能 重写已有方法,扩展自身方法 promote 继承来的方法,返回自定...

在vue中使用ElementUI的按钮跳转遇到的问题

路由跳转正常,但是会报错 NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"} 解决方法很简单 去路由的index.js添加 const originalPush = Router.prototype.push Router.prototype....

Android框架式编程之BufferKnife

BufferKnife作为框架式编程的重要组成部分,使用BufferKnife能够极大的精简View层面的代码量,并为MVP/MVC方式提供辅助。 一、配置 compile 'com.jakewharton:butterknife:(insert latest version)' annotationProcessor 'com.jakewharton:...

wxpython 基本的控件 (按钮)

使用按钮工作 在wxPython 中有很多不同类型的按钮。这一节,我们将讨论文本按钮、位图按钮、开关按钮(toggle buttons )和通用(generic )按钮。   如何生成一个按钮? 在第一部分(part 1)中,我们已经说明了几个按钮的例子,所以这里我们只简短的涉及它的一些基本的东西。图7.4显示了一个简单的按钮。   图7.4 使用按钮...

【WPF】1、 基本控件的简介

WPF一直都是断断续续的使用。偶尔用到一下。但是每次间隔比较长,需要重新学习,就写了这篇日志。以后有问题,看这个就可以了解各大概,然后针对细节再另外想办法。 微软的东西真心好,如果什么都不懂,可以直接用控件快速上手,如果有高级要求,可以调底层的库,自己实现。 默认可以看到的控件 1、Border 放到其他控件内部,给其他控件画边框,其他容器必须支持双标签。...