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

2018-10-15 17:27

阅读:433

引入文件

<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模态框弹出和隐藏,动态改变中间内容的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。


评论


亲,登录后才可以留言!