2013-05-07 4 views
5

저는 자바 스크립트 마법사가 아니므로 확실하지는 않습니다. 나는 다수의 링크가있는 테이블을 가지고있다. Twitter Bootstrap's pop-over behavior. 나는 링크를 클릭하면 pop-over가 열리 며, 다른 것을 클릭하면 처음에는 닫히지 만 몇 번 시도한 후에는 번쩍 거리며 심지어 닫히기 시작합니다. 질문은 다음과 같습니다. 다른 팝업 창이 열리면 어떻게 제대로 팝업을 닫습니까? http://jsfiddle.net/ZnJ6b/새로운 것을 열면 Twitter 부트 스트랩 팝 오버가 닫습니다.

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> 

자바 스크립트 :

$(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

좋아, 문제가있다. 이걸 시도해 .. –

관련 문제