bootstrap 中的静态模式的控制按钮上的一个坑

在使用modal时发现,代码:<button class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</button>,button按钮点击没有反映,经过与自带的实例对比,发现一个区别,就是type="button"没有加,真是一个坑啊

<button class="btn btn-danger" type="button" data-toggle="modal" data-target="#myModal">删除</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>
时间: 2024-10-10 03:13:46

bootstrap 中的静态模式的控制按钮上的一个坑的相关文章

angular6项目中使用echarts图表的方法(有一个坑,引用报错)

1.安装相关依赖(采用的webpack) npm install ecahrts --save npm install ngx-echarts --save 2.angular.json 配置echarts路径 "scripts": [ "node_modules/echarts/dist/echarts.min.js", "node_modules/echarts/map/js/china.js", "node_modules/ech

静态模式

静态模式规则是这样一个规则:规则存在多个目标,并且不同的目标可以根据目标文件的名字来自动构造出依赖文件.静态模式规则比多目标规则更通用,它不需要多个目标具有相同的依赖.但是静态模式规则中的依赖文件必须是相类似的而不是完全相同的. 首先,我们来看一下静态模式规则的基本语法: TARGETS ...: TARGET-PATTERN: PREREQ-PATTERNS ... COMMANDS ... "TAGETS"列出了此规则的一系列目标文件.像普通规则的目标一样可以包含通配符.关于通配符

Bootstrap 中文文档教程

Bootstrap 中文文档教程 全局样式和grid布局—Bootstrap中文使用指南 全局样式1.要求html5文档类型 Bootstrap使用的css属性和html元素依赖于html5的文档类型声明,请确保每个Bootstrap的页面包含下面的代码: <!DOCTYPE html> <html> ... </html> 2.排版和链接样式 全局的排版和链接样式放在scaffolding.less文件内(关于less教程后面会有详细说明).默认做了如下处理: 移除b

如何在Linux上安装一个开源VPN服务器

在本篇Linux教程中,我会在CentOS 7上安装一个OpenVPN服务.OpenVPN很容易使用,开源且拥有社区的支持.它的客户端支持Windows.Android和Mac.(转载)https://linux.cn/article-4733-1.html 从 https://openvpn.net/index.php/access-server/download-openvpn-as-sw.html (它被墙一点都不奇怪,你知道的)下载安装包,Ubuntu用户也可以找到合适的安装包并安装.

PHP中的抽象类与抽象方法/静态属性和静态方法/PHP中的单利模式(单态模式)/串行化与反串行化(序列化与反序列化)/约束类型/魔术方法小结

  前  言  OOP  学习了好久的PHP,今天来总结一下PHP中的抽象类与抽象方法/静态属性和静态方法/PHP中的单利模式(单态模式)/串行化与反串行化(序列化与反序列化). 1  PHP中的抽象类与抽象方法 1.什么是抽象方法?              没有方法体 {} 的方法,必须使用abstract 关键字修饰.这样的方,我们叫做抽象方法.                    abstract function say(); //    抽象方法 2.什么是抽象类?        

转: 静态模式makefile中$(cobjs): $(obj)/%.o: $(src)/%.c

4.12 静态模式静态模式规则是这样一个规则:规则存在多个目标,并且不同的目标可以根据目标文件的名字来自动构造出依赖文件.静态模式规则比多目标规则更通用,它不需要多个目标具有相同的依赖.但是静态模式规则中的依赖文件必须是相类似的而不是完全相同的.4.12.1静态模式规则的语法首先,我们来看一下静态模式规则的基本语法:TARGETS ...: TARGET-PATTERN: PREREQ-PATTERNS ...COMMANDS..."TAGETS"列出了此规则的一系列目标文件.像普通规

Makefile静态模式

静态模式 makefile中,一个规则中可以有多个目标,规则所定义的命令对所有的目标有效.一个具有多目标的规则相当于多个规则.使用多目标可以使makefile文件变得简洁. 静态模式规则是这样一个规则:规则存在多个目标,并且不同的目标可以根据目标文件的名字来自动构造出依赖文件. 静态模式可以更加容易地定义多目标的规则,可以让我们的规则变得更加的有弹性和灵活. 我们还是先来看一下语法: <targets ...>: <target-pattern>: <prereq-patte

Java中的静态代理、通用动态代理类以及原理剖析

代理模式和静态代理 在开发中,代理模式是常用的模式之一,一般来说我们使用的代理模式基本上都是静态代理,实现模式大致如下 : 我们以网络代理为例,简单演示一下静态代理的实现 : // 网络接口 interface Network { public void surfTheInternet(); public void gotoFacebook(); } // 普通网络 class CommonNetwork implements Network { @Override public void su

Bootstrap 与 IE 兼容模式 关系讲解

IE 兼容模式 Bootstrap 不支持 IE 古老的兼容模式.为了让 IE 浏览器运行最新的渲染模式下,建议将此 <meta> 标签加入到你的页面中:Copy <meta http-equiv="X-UA-Compatible" content="IE=edge"> 按 F12 键打开 IE 的调试工具,就可以看到 IE 当前的渲染模式是什么. 此 meta 标签被包含在了所有 Bootstrap 文档和实例页面中,为的就是在每个被支持的