13
jQuery UI öylesine gibi/kararma ayarlı sekmeleri ile sekmeler başlatmak için seçeneği vardır?
A
cevap
3
Hayır, ama sadece yüklenen bootstrap-transition.js ile .tab-pane elemanlarını bir fade sınıf verebilir, Bootstrap 2 ve 3 için, jsFiddle
$('.tabs').tabs()
.bind('change', function (e) {
$(this).next().hide().fadeIn();
});
65
Hem kendi ekleyebilir. Hiç kendi JavaScript kodunuzun tek bir satırını yazmaya gerek yok.
the official Twitter Bootstrap documentation kod örneği.
+20
Eğer hepsine fade sınıfı vereceksek, tüm sekmelerin içeriğini gizleyecektir. Çalıştırmak için fade sınıfından sonra sekmenin en az birinin "in" olması gerekir. – Seeker
+6
Bu cevabın + @ PHPSeeker'in yorumunun bu sorun için daha yeterli çözümler olduğuna inanıyorum, çünkü bu çerçevede sunulan olanakları kullanıyorlar ve bu nedenle de soruya daha iyi cevap veriyorlar (ve, kişisel olarak, '.in' referansı beni kurtardı) sadece baş ağrısı çok fazla) – roguesys
+0
Bu kabul edilen cevap olmalı. Ayrıca Bootstrap 3'te de çalışır. –
İlgili konular
- 1. Twitter Bootstrap, <td>
- 2. knockoutjs + twitter bootstrap ile sekmeleri takip edin
- 3. Heyecan Bootstrap - Biraz bilgileri organize etmek Heyecan Bootstrap sekmeleri kullanıyorum</p> <p>Dinamik ... her türlü giriş/help/tavsiye için şimdiden
- 4. IntelliJ Idea, Ctrl + F4 ile sekmeleri kapatmıyor nasıl düzeltilir? <kbd>Ctrl</kbd> + <kbd>F4</kbd> ile yakın editör sekmeleri
- 5. Bootstrap - <textarea>
- 6. XPages Bootstrap sekmeleri eventhandler
- 7. ruby bloğu ile başlar << - HTML
- 8. Tıklama yerine hover üzerine twitter bootstrap sekmeleri ile nasıl yapılır?
- 9. Git, <<<<<<< HEAD dosyasına
- 10. Düğme İşte <pre><code><br><a class="btn btn-primary" href="#tab2" data-toggle="tab">Review</a><br> </code></pre> <p></p> kodudur .. Heyecan Bootstrap
- 11. <: <İş nasıl?
- 12. İlerleme çubuğuna sahip bootstrap nav-sekmeleri
- 13. Bootstrap sekmeleri - altyazılı metin (başlık)
- 14. doğru ben 3 İşlem Çubuğu sekmeleri</p> <p>tab1 çağrıları var
- 15. EJS: <% = versus <% -
- 16. Objective-C'de özel yönergeler oluşturmak mümkün mü?</p> <ul> <li>@interface</li> <li>@implementation</li> <li>@end</li> <li>@protocol bence</li> <li>@property</li> <li>@synthesize</li> </ul> <p>:
- 17. lt ile html'yi alın.
- 18. Sözlük <> bir IEnumerable <> kaynağı ile doldurma</ a0><a1></ a1>
- 19. Java, bitshifts kullanırken, neden 1 << 32! = 1 << 31 << 1?
- 20. Heyecan Bootstrap
- 21. bootstrap 3 datetimepicker jquery
- 22. jqGrid için CSS çerçevesini <strong>"Heyecan Bootstrap"</strong> kullanıyorum nerede, web sitesi çalışıyorum
- 23. <br/> ekleyin</span> jquery ile
- 24. Şu izle ifadem tutan bana gösteriyor Şu anda bir</p> <pre><code>Expression<Func<T,bool>> </code></pre> <p>bir</p> <pre><code>Expression<Func<T,object>> </code></pre> <p>dönüştürmek çalışıyorum
- 25. Twitter bootstrap ile Browserify
- 26. List <String> ile <form:select> nasıl doldurulur?
- 27. "<%:" ne yapıyor?</p> <pre><code><%: Model.FirstName %> </code></pre> <p>"<%:" Ne vermez: do
- 28. Kontrol: '</p> <pre><code>... if ($(this:enabled)){ //some code } ... </code></pre> <p>Sana normalde biliyorum: jQuery
- 29. Xamarin <code>"public class QRFragment : Fragment"</code> olmanın sekmeleri <code>"ActionBar.NavigationMode = ActionBarNavigationMode.Tabs;"</code></p> <p>One kullanarak, My mobil uygulama 3 sekme bulunur bindirme
- 30. Kanal seç <- <- Kanal
Sanghyun'un cevabına bakın. Bunu yapmanın doğru yolu. –
kontrol @ baxang 'ın cevabı. Bu doğru olanı. – littlealien