I popover di bootstrap di Twitter si chiudono all'apertura di un nuovo

Question

Non sono un wizard JavaScript, quindi mi manca qualcosa di ovvio, ne sono sicuro. Ho una tabella che ha più collegamenti che utilizzano Twitter Bootstrap's pop-over behavior. Ho capito dove cliccando su un link si apre il pop-over, e cliccando su un altro si chiude il primo, ma dopo qualche tentativo diventa glitch e inizia persino a chiudersi. Quindi la domanda è: Come si chiudono correttamente i pop-over una volta che un altro è stato aperto?

ho creato un JSFiddle qui (anche se non sembra funzionare affatto): 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'); 
}); 

Grazie in anticipo per il tuo aiuto a un povero JS n00b!

Answer 1

Prova questo:

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