बूटस्ट्रैप पॉपओवर div

Question

युक्त सीमा तक फिसल गया है, मैं चाहता हूं कि एक पॉपओवर को ढहने वाले div: http://jsfiddle.net/nathan9/qgyS7/ में निहित किया जाए। हालांकि, पॉपओवर div की सीमा तक सीमित प्रतीत होता है। क्या क्लिपिंग को रोकने का कोई तरीका है?

<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} जोड़ने चाल करने के लिए लगता है

http://jsfiddle.net/ZArX7/

संपादित करें: ऊपर जवाब केवल क्रोम में काम किया

यहाँ का एक टुकड़ा है jquery कि वर्ग जोड़ने में देरी।

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

यह समाधान काम करता है

http://jsfiddle.net/fnP7y/

Answer 2

टाइमर का उपयोग करना हमेशा एक जोखिम भरा काम है। मैंने माइक ल्यूसिड का एक संस्करण इस्तेमाल किया है जो दिखाए गए और छिपाने वाले ईवेंट को सुनता है।

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

आप अपने खुलने और बंधनेवाला लोड पर दिखाई देना चाहते हैं, तो आपके खुलने और बंधनेवाला को और दिखाई में कक्षाएं जोड़ने के लिए भूल नहीं है:

Here is a working fiddle

कोड का पालन है div।

संपादित

बूटस्ट्रैप 2.3 के साथ शुरू, टूलटिप्स और पॉपओवर एक नया container विकल्प होता है। यदि आप कंटेनर को 'बॉडी' पर सेट करते हैं, तो आपके टूलटिप्स और पॉपओवर को फिसल नहीं दिया जाएगा। Here is a working fiddle।

उम्मीद है कि मदद करता है।