İçindekiler
Sekmeler ve akordeonlar yapmanın birçok yolu var ama kesinlikle jQuery ve kütüphane paketiniz jQuery kullanıcı arayüzü bize bu unsurları uygulamak için en hızlı ve en verimli yolu sağlar.kirpikler
Sekmeler, web sitemizdeki bilgileri konuya göre gruplandırmamıza olanak tanır, bu da kullanıcıların sadece istedikleri sekmeyi seçerek ilgili bilgileri hızlı ve kolay bir şekilde almalarını sağlar.
sekmeler () yöntemi
yöntem sekmeler(seçenekler), HTML'nin bir öğesinin ve içeriğinin sekmelerde görüntülenmesi gerektiğini bildirir, seçeneklerin parametreleri, sekmelerin görünümünü ve davranışını belirten bir nesnedir.
yöntem sekmeler () iki şekilde kullanılabilir:
• $ (seçici, bağlam) .tabs (seçenekler)
• $ (seçici, bağlam) .tabs ("eylem", parametreler)
Uygulanmasına bir örnek görelim:
- Gerekli dosyaları, kütüphaneleri dahil ediyoruz. jQuery ve CSS:
- Yöntemin örneğini oluşturuyoruz sekmeler () ve onu bir seçiciyle ilişkilendiririz:
- Son olarak HTML'mizde sekmelerimizde biçimlendirilecek içeriği oluşturuyoruz, bunun etiket yapısına uyması gerektiğini belirtmek önemlidir.sonra etiketler
- ve son olarak etiketlerHer sekmeyi tanımlama yöntemi için.
- Rahibe çıngırağı
- Proin ağrısı
- Aenean lakini
- Gerekli dosyaları, kütüphaneleri dahil ediyoruz. jQuery ve CSS:
- Yöntemin örneğini oluşturuyoruz akordeon () ve onu bir seçiciyle ilişkilendiririz:
- Son olarak, bir etiketin yapısına uygun olarak HTML'mizi oluşturuyoruz.genel ve ardından diğer etiketlerbu, her bloğu tanımlamaya hizmet edecektir.
- Hesap oluşturSolvetic hesabınıza sahip olmak için ÜCRETSİZ kaydolunBir hesap oluştur
- Tanımlamakzaten bir hesabın var mı? Oturum açınBeni Hesabımda tanımla
- Yayınlanan 12 Ağustos 2013 00:54
- ziyaretler 3.7K
- SeviyeProfesyonel
- Windows 10'da NPM, PowerShell ile nasıl güncellenir
- JQuery UI ile resimler nasıl sürüklenir ve alınır
- JQuery ile bir Spinner veya yükleme simgesi nasıl yapılır
- Bir web sitesinin birkaç dile çevrilmesi nasıl sağlanır?
Bu örneğin tarayıcımızda nasıl göründüğüne bakalım:
jQuery UI Sekmeleri - Varsayılan işlevsellik
Sekme testi 1.
Morbi tincidunt, dui sit amet facilisis feugiat, daha önce metus gravida'dan nefret ediyorum, ut pharetra massa metus id nunc. Duis scelerisque, turpis'i rahatsız ediyor. Susuzluk fringilla, massa eget luctus maleuada, metus eros rahatsızlığı lectus, ut tempus eros massa ut ağrısı. Aenean aliquet fringilla sem. Ligula suscipit aliquam'da suspendisse sed ligula. Eros vestibulum mi adipiscing adipiscing'de bulunur. Morbi tesisi. Curabitur ornare sonuç rahibe. Aenean vel metus. Ut pozuere viverra nulla. Aliquam erat volutpat. Pellentesk konvallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris conectetur tortor et purus.
Sekme testi 3.
Akordeon
Sekmeler gibi, akordeon da bilgiyi, diğerleri gizli kalırken sadece seçilen bloğa ait bilgilerin görüntüleneceği bloklar halinde yaptığı özelliği ile düzenler.
akordeon () yöntemi
yöntem akordeon (seçenekler) HTML'nin bir öğesinin ve içeriğinin akordeon tipi menüler olarak yönetileceğini belirtir. Sekmeler yöntemi gibi, seçenekler de davranışını ve görünümünü belirleyecektir.
yöntem akordeon () iki şekilde kullanılabilir:
• $ (seçici, bağlam) .accordion (seçenekler)
• $ (seçici, bağlam) .accordion ("eylem", paragraflar)
Uygulanmasına bir örnek görelim:
Örneğimiz tarayıcıda şöyle görünecek:
Bu eğitim size yardımcı oldu mu?
değilseBU EĞİTİMİ GELİŞTİRMEYE YARDIMCI OLUN!
Bu öğreticiyi düzeltebileceğinizi veya geliştirebileceğinizi düşünüyor musunuz? Sürümünüzü faydalı olduğunu düşündüğünüz değişikliklerle birlikte gönderebilirsiniz.0 kullanıcı bu öğreticiyi düzenledi. Düzenleyin ve tanınmış bir uzman olun!
Bu Eğitimi Düzenle
BENZER ÖĞRETMENLER
JQuery UI ile resimler nasıl sürüklenir ve alınırJQuery ile bir Spinner veya yükleme simgesi nasıl yapılırWeb geliştirme için JQuery eklentileri ve kitaplıklarıJQuery ve PHP ile Flexigrid dinamik ızgaraJquery ile düzenli ifadelerJquery Datatables eklentisi ile pivot tabloları yönetmeAJAX'ı jQuery ile anlamaJquery ve CSS3 II ile seçicilerdeki filtreler
Yorum yok, ilk siz olun!
Daha fazla beklemeyin ve Solvetic'e girinYorumlarınızı bırakın ve kullanıcı hesabından yararlanın Bize katılın!Bilgi
En Son JavaScript Eğitimleri
