在使用popover(彈出框)時，發現跟其他組件使用方式有些區別，需要手動初始化才能彈出來，如下：
<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> Popover on 頂部</button><script>$(function () { $('[data-toggle="popover"]').popover()})</script>但如果popover（彈出框）DOM是后來創建的，比如append后，最開始手動初始化了也沒用，經過幾次測試后，發現需要再剛創建popover的DOM后，再一次初始化才生效，如下：
var testHtml = "<button type='button' class='btn btn-default' data-container='body' data-toggle='popover' data-placement='top' data-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.'>"+ "Popover on 頂部"+ "</button>" $("body").append(testHtml); $('[data-toggle="popover"]').popover(); //創建popover（彈出框）DOM后立即初始化剛創建時效果圖：
點擊時效果圖：
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
