我正在使用Bootstrap 3.3.1 popovers構建Composite C1的動態菜單系統。動態內容工作正常，但我似乎無法獲得正確重新調整大小的彈出窗口寬度。Bootstrap popover動態大小

我可以用.popover-menu-markup .popover{ width: whatever}設置絕對尺寸，但我希望寬度基於內容。如果我設置了width: auto，則彈出窗口基於彈出窗口標題，而不是彈出窗口內容。

任何想法？

EDIT

很抱歉，的jsfiddle是在這裏：http://jsfiddle.net/rebeccamarye/x075bm6x/2/

該示例示出了單個段中的內容，但在實際頁面有一個與一堆的div {顯示：內聯塊}，但我認爲這顯示了問題...彈出窗口需要擴展到略小於頁面寬度。

來源

2014-11-24 Rebecca Riordan

你能的jsfiddle呢？ – LOTUSMS 2014-11-24 19:33:02

每個問題請提出一個問題。我刪除了你的第二個問題;如果相關，隨意發佈它作爲一個新問題。 – 2014-11-24 19:39:15

UPDATE：

http://jsfiddle.net/x075bm6x/7/

$('.popover-markup>.trigger').on('shown.bs.popover',function(e){ 
    var $link =$(this); 

    var winW=$(window).width();  
    var poL=$link.offset().left+$link.width();   
    var newW=winW-poL-60;   

    var poId=$link.attr('aria-describedby'); 
    var $po=$('#'+poId); 

    console.log(poId+': '+winW+' L: '+poL+' > '+newW); 

    //$po.width(newW); 
    $po.find('.popover-content').width(newW) 
});

CSS：

.popover{width:auto!important; max-width: none}

來源

2014-11-24 21:46:17 dm4web

謝謝你看這個，但我想動態設置寬度。您的版本似乎沒有完成任何設置樣式寬度的任何操作。或者我錯過了什麼？ – 2014-11-24 22:03:18

在此功能中，您可以計算寬度。正如我在回覆中寫道，從您的問題中不能理解寬度應該是：頁面寬度或寬度標題。所以我只把變量放在一個特定的值上。 – dm4web 2014-11-24 22:14:17

啊，是的，我確實想念那個（呃......）不幸的是，它不起作用。 shown.bs.popover會閃爍原始（不正確）寬度，然後將小三角形指針放在錯誤的位置。 show.bs.popover不起作用。我很欣賞你看到這個問題，雖然... – 2014-11-25 00:23:22

Bootstrap popover動態大小

EDIT

回答

相關問題