Twitter Bootstrap Popovers schließen, wenn neue öffnen

Question

Ich bin kein JavaScript-Assistent, so dass ich hier etwas offensichtlich bin, bin ich sicher. Ich habe eine Tabelle, die mehrere Verbindungen unter Verwendung Twitter Bootstrap's pop-over behavior hat. Ich habe es, wo Klick auf einen Link den Pop-Over öffnet, und klicken Sie auf einen anderen schließt den ersten, aber es wird nach einigen Versuchen glitschig, und sogar beginnt sich selbst zu schließen. Also die Frage ist: Wie machen Sie Pop-Overs richtig schließen, sobald ein anderes geöffnet ist?

stelle ich eine JSFiddle hier (obwohl es gar nicht zu funktionieren scheint): http://jsfiddle.net/ZnJ6b/

HTML:

<table> 
    <thead> 
     <th>Description</th> 
     <th>Button</th> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Item #1</td> 
      <td><a href="#" class="btn show-text" data-toggle="popover" data-placement="right" data-content="Content for item one." title="" data-original-title="Review text">Click for text</a> 

      </td> 
     </tr> 
     <tr> 
      <td>Item #2</td> 
      <td><a href="#" class="btn show-text" data-toggle="popover" data-placement="right" data-content="Content for item two." title="" data-original-title="Review text">Click for text</a> 

      </td> 
     </tr> 
    </tbody> 
</table> 

Javascript:

$(this).popover('show'); 
$('.show-text').click(function() { 
    $('.show-text').popover('hide'); 
}); 

Dank Im Voraus für Ihre Hilfe zu einem armen JS n00b!

Answer 1

Versuchen Sie folgendes:

$('.show-text').popover(); 
$('.show-text').click(function() { 
    $('.show-text').not(this).popover('hide'); 
});