脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → bootstrap模态框弹出和隐藏,动态改变中间内容

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

 更新时间：2018年08月10日 16:37:48   作者：孟繁洋  
今天小编就为大家分享一篇bootstrap模态框弹出和隐藏,动态改变中间内容的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

引入文件

<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 节点排序 2

    javascript 节点排序 2

    对支持sourceIndex的HTML文档的节点重排，使用JK提供的思路，速度至少比单纯使用nodes.sort(function(a,b){return a.sourceIndex - b.sourceIndex})这种方式快两倍
    2011-01-01
  • js 获取图像缩放后的实际宽高,位置等信息

    js 获取图像缩放后的实际宽高,位置等信息

    本文主要介绍了js获取图像缩放后的实际宽高,位置等信息的方法，具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • ES6 更易于继承的类语法的使用

    ES6 更易于继承的类语法的使用

    这篇文章主要介绍了ES6 更易于继承的类语法的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • web.js.字符串与正则表达式操作

    web.js.字符串与正则表达式操作

    这篇文章主要介绍了web.js.字符串与正则表达式操作的相关资料,需要的朋友可以参考下
    2017-05-05
  • Js sort排序使用方法

    Js sort排序使用方法

    javascript 中 array.sort() 中的参数，需要传入的是一个函数，而且必须是一个函数
    2011-10-10
  • JavaScript实现公历转农历功能示例

    JavaScript实现公历转农历功能示例

    这篇文章主要介绍了JavaScript实现公历转农历功能,涉及javascript日期与时间相关操作及运算操作技巧,需要的朋友可以参考下
    2017-02-02
  • js实现宇宙星空背景效果的方法

    js实现宇宙星空背景效果的方法

    这篇文章主要介绍了js实现宇宙星空背景效果的方法,实例分析了javascript中动画效果的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • 微信小程序实现左右联动

    微信小程序实现左右联动

    这篇文章主要为大家详细介绍了微信小程序实现左右联动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • JS判断指定dom元素是否在屏幕内的方法实例

    JS判断指定dom元素是否在屏幕内的方法实例

    做图片滚动加载的时候会判断图片是否在可视区域内,如果在就加载原地址图片,下面这篇文章就给大家介绍了利用JS判断指定dom元素是否在屏幕内的方法实例,需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-01-01
  • avalon js实现仿google plus图片多张拖动排序附源码下载

    avalon js实现仿google plus图片多张拖动排序附源码下载

    这篇文章主要介绍了avalon js实现仿google plus图片多张拖动排序附源码下载的相关资料,需要的朋友可以参考下
    2015-09-09

最新评论