bootstrap模态框弹出和隐藏,动态改变中间内容的实例


Posted in Javascript onAugust 10, 2018

引入文件

<link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" >

 <link rel="stylesheet" href="style.css" rel="external nofollow" >
 <script src="jquery-1.12.4.min.js"></script>
 <script src="bootstrap.min.js"></script>

点击‘显示'按钮

$('#modalID').click(function () {
   $('#newNotice').modal({backdrop:false})
  })

改变内容

$('#changeModalID').click(function () {
   $('.notice-content-center').html(data);
  })

关闭模态框

$('.close-btn').click(function () {
   $('#newNotice').modal('hide')
  })

以上这篇bootstrap模态框弹出和隐藏,动态改变中间内容的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
可实现多表单提交的javascript函数
Aug 01 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
Jul 04 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
浅谈Javascript中的Function与Object
Jan 26 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
Sep 01 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
Mar 11 Javascript
jquery实现提示语淡入效果
May 05 jQuery
JavaScript实现的浏览器下载文件的方法
Aug 09 Javascript
vue获取dom元素注意事项
Dec 28 Javascript
Vue Element使用icon图标教程详解(第三方)
Feb 07 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
Aug 05 Javascript
解决bootstrap模态框数据缓存的问题方法
Aug 10 #Javascript
boostrap模态框二次弹出清空原有内容的方法
Aug 10 #Javascript
微信小程序滑动选择器的实现代码
Aug 10 #Javascript
bootstrap模态框关闭后清除模态框的数据方法
Aug 10 #Javascript
Bootstrap 模态框自定义点击和关闭事件详解
Aug 10 #Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 #Javascript
Vue全局分页组件的实现代码
Aug 10 #Javascript
You might like
与数据库连接
2006/10/09 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
Codeigniter通过SimpleXML将xml转换成对象的方法
2015/03/19 PHP
thinkPHP框架实现类似java过滤器的简单方法示例
2018/09/05 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
Mootools 1.2教程 定时器和哈希简介
2009/09/15 Javascript
javascript中typeof的使用示例
2013/12/19 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
js实现按钮加背景图片常用方法
2014/11/01 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
浅析javascript中的DOM
2015/03/01 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
js实现动态创建的元素绑定事件
2016/07/19 Javascript
基于Vuejs实现购物车功能
2016/08/02 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
AngularJS中的按需加载ocLazyLoad示例
2017/01/11 Javascript
Angularjs中使用layDate日期控件示例
2017/01/11 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
JavaScript数据结构之单链表和循环链表
2017/11/28 Javascript
Vue.js图片预览插件使用详解
2018/08/27 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
2018/11/08 Javascript
微信小程序实现单列下拉菜单效果
2019/04/25 Javascript
vue渲染方式render和template的区别
2020/06/05 Javascript
[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN
2018/03/30 DOTA
python读写文件操作示例程序
2013/12/02 Python
Python实现将xml导入至excel
2015/11/20 Python
Python内建函数之raw_input()与input()代码解析
2017/10/26 Python
Python验证文件是否可读写代码分享
2017/12/11 Python
Python面向对象之多态原理与用法案例分析
2019/12/30 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
项目投资意向书
2014/04/01 职场文书
大学生个人学年总结
2015/02/15 职场文书
2019年自助餐厅创业计划书模板
2019/08/22 职场文书
解决MultipartFile.transferTo(dest) 报FileNotFoundExcep的问题
2021/07/01 Java/Android