2013-05-07 9 views
5

Nie jestem kreatorem JavaScript, więc brakuje mi czegoś oczywistego, jestem pewien. Mam tabelę, która ma wiele linków z wykorzystaniem . Mam to gdzie kliknięcie na link otwiera pop-over, a kliknięcie innego zamyka pierwszy, ale staje się glitchy po kilku próbach, a nawet zaczyna się zamykać. Pytanie brzmi następująco: Jak prawidłowo sprawić, by pop-over się zamknął, gdy ktoś inny zostanie otwarty?Twórcze wyskakujące pliki do pobrania na Twitterze podczas otwierania nowego

założyłem JSFiddle tutaj (chociaż nie wydaje się działać w ogóle): 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'); 
}); 

Thanks z góry za pomoc dla biednego JS n00b!

Odpowiedz

16

Spróbuj tego:

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

Hmm. Próbowałem tego wcześniej i po prostu zrobiłem to ponownie. Wydaje się, że to wcale nie jest otwarte. Brak komunikatów o błędach JS, po prostu nie otwiera pop-over. – JamieHoward

+0

To będzie po prostu nadal otwierać wyskakujące okna, ale nie zamyka żadnych innych. – JamieHoward

+0

Ok, mam problem. Spróbuj tego .. –

Powiązane problemy