bootstrap模态框弹出和隐藏，动态改变中间内容

本文主要是介绍bootstrap模态框弹出和隐藏，动态改变中间内容，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

引入文件

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

    <link rel="stylesheet" href="style.css">
    <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模态框弹出和隐藏，动态改变中间内容的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---