一个菜鸟的互联网技术分享博客
您的位置: 主页 > boostrap之模态框取消按钮事件
advertisement

boostrap之模态框取消按钮事件

在使用boostrap时使用模态框是常事,但是在做项目的时候会有返回或者取消等类似于这样的按钮,如boostrap官网上面的图



上图的close按钮就是关闭或者取消按钮,在boostrap官网的模态框区域里面有通过jQuery去解决的,理论上只要红色箭号的点击事件和黑色箭号的点击事件一致即可。

jQuery代码如下: 

              $("btn-default").click(function(){
                    $("fade").model("hide");  
           })
切记:jQuery中fade是指模态框的class名,最佳是给模态框另外加个class名,一来是方便单独写该块的样式,不影响其他模态框的样式(当然页面上只有一个模态框就没必要);二来防止和其他地方重命名。
zhangren.online
上一篇:li、span、p等元素下的文字超出部分省略号
下一篇:CSS控制文字,超出部分显示省略号

您可能喜欢

​使input文本框不可编辑的3种方法

​使input文本框不可编辑的3种方法

​Js中获取对象的所有key值

​Js中获取对象的所有key值

​js字符串去除前后空格

​js字符串去除前后空格

​Web前端经典面试试题及答案

​Web前端经典面试试题及答案

回到顶部