1. 程式人生 > >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')
        })