Twitter bootstrap popovers açarken kapat

Question

Ben JavaScript sihirbazı değilim, bu yüzden emin bir şey kaçırıyorum eminim. Ben Twitter Bootstrap's pop-over behavior kullanan birden çok bağlantı içeren bir tablom var. Bir bağlantıyı tıklamak açılır pencereyi açar ve diğerini tıklatırsanız ilk önce kapanır, ancak birkaç denemeden sonra sorun olur ve hatta kendini kapatmaya başlar. Yani soru şu: Bir kez açıldığında pop-up'ları nasıl düzgün bir şekilde kapatıyorsunuz? 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'); 
}); 

Teşekkür (o hiç çalışmıyor gibi görünmüyor olsa da)

Burada bir JSFiddle kurmak Zavallı bir JS n00b'ye yardım için şimdiden!

Answer 1

bu deneyin:

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