v2.5.2
Giriş yap

JavaScript Tab Menü

jct
469 defa görüntülendi

Mrb. arkadaşlar, bu sıralar sürekli JS uygulamaları yapmaya çalışıyorum. Sadece JS bölümüne bakarak evet mantıklı olmuş, yada şu şöyle olabilirdi gibi bir öneriniz bana yeterli. Bir sayfada birkaç tane tab menü olabileceği mantığıyla yaptım.

https://codepen.io/GencmasteR/pen/QWBzwBE

Cevap yaz
Cevaplar (4)
vooz
657 gün önce

eline sağlık 👍

jct
657 gün önce

@devepdogukan, @zerefjs

tavsiyeleriniz için tşkler...

devepdogukan
658 gün önce

Mantık olarak iyi ilerlemişsin fakat isim kullanmalarında sıkıntıların var.
Tab-Content adlı attribute yerine data-tab-content yazarak dataset'iyle değerine ulaşabilirsin.

9.satır ve benzeri kısımlar çok basic kalmış tıklanan butonun parentine ilerleyip istediklerine erişebilirsin.
-İsim vs değiştiğinde her bu bahsettiğim şey seni çok uğraştırtacaktır.

zerefjs
658 gün önce
<span class="tab-btn active" data-tab-id="tabMenu-1">
    Bu şekilde isimlendirmek daha doğru gibi 
</span>

tab-id ve tab-content yazdığın yerleri öyle eklemen bana göre yanlış HTMLde ki data özelliğini kullanabilirsin bir de class isimlerinde ya da diğer değişkenlerin isimlerinin büyük olmasa da daha iyi olabilir Event yerine e yazmak gibi bir de template literals özelliğine bakabilirsin.