boostrap 3中的多個popover（Popover上的popover）？

Question

我期待實現一個用戶點擊第一級按鈕的菜單，它具有彈出效果。然後用戶點擊第二級菜單，出現另一個彈出窗口。我嘗試在網上查找，但沒有太多有用的信息。它可行嗎？模擬圖片已在下面附上。

Answer 1

1. 你需要設置你的酥料餅的內容，支持HTML作爲每 official documentation。

2. 您需要在觸發第一個彈出式廣告素材 後初始化第二個彈出式廣告素材。

HTML：

<button id="firstpopover" type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right"> 
    Popover on left 
</button> 

<button id="secondpopover" type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-content="test" data-placement="right"> Popover on left 
</button> 

JS：

var second = $('#secondpopover').remove(); 
var first = $('#firstpopover'); 

second.show(); 
first.data('content', second); 

first.popover({html: true}); 

first.on('shown.bs.popover', function() { 
    second.popover(); 
}) 

first.on('hidden.bs.popover', function() { 
    second.popover('hide'); 
}) 

CSS：

#secondpopover { 
    display: none; 
} 

DEMO