Tab içinde kullanılan sliderlarda görünmeme sorunu [ÇÖZÜM]

  • 28 Mayıs 2016
  • 46 Okunma
  • Yorum Yok
  • 3 DK

Merhabalar JQuery severler,

Benim başıma son günlerde sık sık gelen bir durumu anlatacağım size. Şimdi bir slider eklentisi kullanıyorum mesela bxslider veya flexslider çok güzel sorun yok ama bazen katalog gibi bir sayfa yaptığımda çok slider olduğu için tablı sistem ile ürünleri kategoriliyoruz. Durum böyle olunca sayfada ilk görünün sliderlar çalışırken tabdaki arkada görünün sliderlar durumu display:none olduğu için slider eklentileri boyutlandırma yapamıyor ve ikinci taba geçince sliderlar gözükmüyor. Bu da tabi müşteri için pek hoş bir şey değil. Bende bu sorunu şöyle çözdüm. jQuery kullanırken zaten 1 tane kod kullıyoruz yani classı şu olan bütün divleri slider haline getir. Bu kodu yani slider eklentisinin kodunu aşağıda vereceğim kodun dışına alırsanız sorunu çözebilirsiniz. Aslında mantık şu. Tab kodlarını slider kodlarından 300 milisaniye daha sonra yaptırıyorum böylelikle bütün sliderlar boyutlanıyor ve tab sonradan oluşuyor. Tablar arası geçiş yaptığınızda sorun çıkmıyor

settimeout(function(){
//tab kodları buraya gelecek
},300);

Yukarıdaki kod herkesin bildiği bir kod aslında sadece fikir vermesi açısından koydum. Settimeout kodu 1 kereye mahsus çalışır setinterval ise her belirli sn de çalışır bunu unutmayın 🙂

HAYATI KODLA'YA ABONE OLUN!!

Tab içinde kullanılan sliderlarda görünmeme sorunu [ÇÖZÜM] İle Benzer Yazılar

"Tab içinde kullanılan sliderlarda görünmeme sorunu [ÇÖZÜM]" Yazısına uygun diğer makalerler

Tab içinde kullanılan sliderlarda görünmeme sorunu [ÇÖZÜM]
Youtube videolarınızı gife çevirin
Youtube videolarınızı gife çevirin
Tab içinde kullanılan sliderlarda görünmeme sorunu [ÇÖZÜM]
Yazılım yaparken yapılan bazı mantık hataları
Yazılım yaparken yapılan bazı mantık hataları
Tab içinde kullanılan sliderlarda görünmeme sorunu [ÇÖZÜM]
Yapay zeka dili algoritması
Yapay zeka dili algoritması