Bootstrap 3

Modal

只能使用關閉功能關閉視窗，設定 data-keyboard="false", data-backdrop="static"

<img data-toggle="modal" data-target="#ModalBoss" data-keyboard="false" data-backdrop="static" src="/img/Boss.png">

1	<img data-toggle="modal" data-target="#ModalBoss" data-keyboard="false" data-backdrop="static" src="/img/Boss.png">

針對超長且無空格英數字串，必須另外設定 CSS 處理

<style>
    .popover {
        max-width: none;
    }
    .popover-content {
        word-wrap: break-word;
    }
</style>

<style>

.popover {

max-width: none;

}

.popover-content {

word-wrap: break-word;

}

</style>

jQuery Ajax 完成後執行，網頁內容為 ajax 載入，Javascript 在 HTML 一開始載入無法獲取對象，部份操作可以使用 $(document).on() ，不過並不是萬能

<script>
    $(document).ajaxStop(function () {
        $('[data-toggle="popover"]').popover({
            html:true
        });
    });
</script>

$(document).ajaxStop(function () {

$('[data-toggle="popover"]').popover({

html:true

});

</script>

到 Customize and download · Bootstrap 自訂需求後，到最下方點擊 Compile and Download 即可

1,508 total views, 1 views today