v2.5.2
Giriş yap

JavaScript Tab Menü

jct
389 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
455 gün önce

eline sağlık 👍

jct
456 gün önce

@devepdogukan, @zerefjs

tavsiyeleriniz için tşkler...

devepdogukan
456 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
456 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.