2013-05-07 47 views
5

私はJavaScriptのウィザードではないので、私は確かにここで何かが分かりません。私はを利用して複数のリンクを持つテーブルを持っています。リンクをクリックするとポップ・オーバーが開き、もう1つをクリックすると最初のクローズが行われますが、いくつか試行した後は不安定になり、さらに閉じることもあります。質問は次のようになります:別のものを開いたら、どうやってポップオーバーを正しく閉じるのですか? http://jsfiddle.net/ZnJ6b/Twitter Bootstrap Popovers閉じるときに閉じる閉じる

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'); 
}); 

感謝を(それがすべてで動作していないようですが)

は、私がここにJSFiddleを設定しました貧しいJS n00bへのあなたの助けのために事前に!

答えて

16

はこれを試してみてください:

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

うーん。私はこれを早く試して、もう一度やりました。これは実際には全く開いていないようです。 JSエラーメッセージが表示されず、ポップオーバーが開かれません。 – JamieHoward

+0

これは実際にはポップオーバーを開いたままにしますが、他のものを閉じることはありません。 – JamieHoward

+0

さて、問題があります。これを試してください.. –

関連する問題