欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Bootstrap的popover(彈出框)在append后彈不出(失效)

 更新時(shí)間：2017年02月27日 15:42:16   作者：向著陽(yáng)光微笑  
這篇文章主要介紹了Bootstrap的popover(彈出框)在append后彈不出，失效的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

在使用popover(彈出框)時(shí)，發(fā)現(xiàn)跟其他組件使用方式有些區(qū)別，需要手動(dòng)初始化才能彈出來(lái)，如下：

<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是后來(lái)創(chuàng)建的，比如append后，最開始手動(dòng)初始化了也沒用，經(jīng)過幾次測(cè)試后，發(fā)現(xiàn)需要再剛創(chuàng)建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(); //創(chuàng)建popover（彈出框）DOM后立即初始化

剛創(chuàng)建時(shí)效果圖：

點(diǎn)擊時(shí)效果圖：

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論