Bootstrap-Popover abgeschnitten zu Umfang von mit div

Question

Ich möchte ein Popover in einem zusammenklappbaren div enthalten sein: http://jsfiddle.net/nathan9/qgyS7/. Das Popover scheint jedoch auf das Ausmaß des div beschränkt zu sein. Gibt es eine Möglichkeit, das Clipping zu verhindern?

<a href="#toggle" data-toggle="collapse" data-target="#toggle" onClick="return false;">Toggle collapse</a> 
<div id="toggle" class="collapse" style="background-color: yellow"> 
    Content of collapsible div. Click for popover: 
    <i class="icon-info-sign" id="info"></i> 
</div> 

...

<script> 
    $('#info').popover({ html: true, placement: 'left', title: 'Popover', content: "<ul><li>The</li><li>popover</li><li>is</li><li>clipped.</li></ul>" }); 
</script> 

Answer 1

.collapse.in {overflow:visible} Zugabe scheint der Trick

http://jsfiddle.net/ZArX7/

EDIT zu tun: Über Antwort nur in Chrom gearbeitet

ist hier ein Stück jquery, die das Hinzufügen der Klasse verzögert.

 $('#toggle_link').click(function() { 
    if($('#toggle').hasClass('in')){ 
     $('#toggle').removeClass('visible'); 
    }else{ 
     setTimeout(function() { 
      $('#toggle').addClass('visible'); 
     }, 1000); 
    } 
}); 

Diese Lösung funktioniert

http://jsfiddle.net/fnP7y/

Answer 2

Timer zu verwenden ist immer ein riskantes Geschäft. Ich habe eine Variante von Mike Lucid benutzt, die auf das faltbare Event lauscht, gezeigt und versteckt wird.

Here is a working fiddle

Der Code ist wie folgt:

$(document).ready(function(){ 
    $('#toggle') 
    .on('shown', function(evnt) { 
     $(evnt.target).addClass('visible'); 
    }) 
    .on('hide', function(evnt) { 
     $(evnt.target).removeClass('visible'); 
    }) 
    ; 
}); 

Wenn Sie Ihre collapsable auf Last sichtbar sein wollen, vergessen Sie nicht Klassen in und sichtbar zu Ihrem collapsable hinzufügen div.

bearbeiten

mit Bootstrap Ab 2.3, Tooltips und popover haben eine neue container Option. Wenn Sie den Container auf "body" setzen, werden Ihre QuickInfos und Popover nicht abgeschnitten. Here is a working fiddle.

Hoffe, dass hilft.