jQuery UI ma możliwość zainicjowania kart z kartami określonych zanikać in/out, tak jak poniżej:Jak mogę przeniknąć do zakładek i wyjść z ramką Twitter Bootstrap?
$(".selector").tabs({ fx: { opacity: 'toggle' } });
jest coś podobnego możliwe zakładkach ramowych Twitter Bootstrap?
Nie, ale można dodawać własne, jsFiddle
$('.tabs').tabs()
.bind('change', function (e) {
$(this).next().hide().fadeIn();
});
zarówno dla Bootstrap 2 i 3, można po prostu dać elementy .tab-pane klasę fade z bootstrap-transition.js załadowany. Nie ma potrzeby pisania w jednym wierszu własnego kodu JavaScript.
<div class="tab-content">
<div class="tab-pane fade in active" id="home">...</div>
<div class="tab-pane fade" id="profile">...</div>
<div class="tab-pane fade" id="messages">...</div>
<div class="tab-pane fade" id="settings">...</div>
</div>
Próbka kodu z the official Twitter Bootstrap documentation.
Jeśli zamierzamy nadać wszystkim klasę zanikania, to ukryje ona zawartość wszystkich zakładek. Odpowiedź będzie co najmniej jedna z kart powinna mieć "w" po zapisaniu klasy znikającej do pracy. – Seeker
Wierzę, że ta odpowiedź + @ PHPSeeker's comment są bardziej adekwatnymi rozwiązaniami tego problemu, ponieważ korzystają z ułatwień dostarczonych przez framework i dlatego lepiej odpowiadają na zadane pytanie (i, osobiście, odniesienie do '.in' uratowało mi dużo bólu głowy właśnie teraz) – roguesys
To powinna być zaakceptowana odpowiedź. Działa również w Bootstrap 3. –
Zobacz odpowiedź Sanghyuna. To jest właściwy sposób, aby to zrobić. –
sprawdź odpowiedź @baxang. to jest właściwy. – littlealien