Cửa sổ bật lên Twitter khởi động gần khi mở mới

Question

Tôi không phải là trình hướng dẫn JavaScript, vì vậy tôi thiếu điều gì đó hiển nhiên ở đây tôi chắc chắn. Tôi có một bảng có nhiều liên kết sử dụng Twitter Bootstrap's pop-over behavior. Tôi có nó khi nhấp vào một liên kết sẽ mở cửa sổ bật lên và nhấp vào một liên kết khác sẽ đóng cửa sổ đầu tiên, nhưng nó sẽ trở nên không ổn định sau một vài lần thử và thậm chí bắt đầu đóng cửa. Vì vậy, câu hỏi là: Làm thế nào để bạn thực hiện đúng pop-overs gần nhau khi được mở ra?

tôi thiết lập một JSFiddle đây (mặc dù nó dường như không có tác dụng gì cả): 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'); 
}); 

Cảm ơn trước sự giúp đỡ của bạn cho một người nghèo JS n00b!

Answer 1

Hãy thử điều này:

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