Tailwind'in Javascript kodları çalıştırılamıyor
Öncelikle, esenlikler dilerim.
Sitemi hazırlarken daha az kodla daha güzel görünüm oluşturabilmek adına
Tailwind
teknolojisini kullanmaya karar verdim. Kurulum adımlarını bire bir uyguladım, hiçbir hata da almadım. Buna karşın yazılımın CSS
tarafı başarıyla neticelense de, JS
içeriği hiçbir şekilde sonuç vermiyor.
Dosyalar ağacı:
Terminale girilen kurulum komutu:
tailwind.config.js dosyası:
📚 Kaynaklar:
▪️https://tailwindcss.com/docs/installation
▪https://tailwindui.com/components/application-ui/navigation/navbars
📝 Dipnotlar:
▪️Eklenilen görüntüler, bilgisayar görünümünde gerekli :js: JavaScript kodlarının çalışmaması sonucu yaranmış olup, orijinalinde (bkz. kaynak #2) gizli olan dropdown
menüsünün hiçbir eylem gerçekleştirilmeden açık gözükmesinin; mobil aygıt görünümünde ise aslında gözükmemesi olan yolbul menüsünün kapanmamasını gösterir.Installation: Tailwind CLI - Tailwind CSS
Documentation for the Tailwind CSS framework.
Navbars - Official Tailwind CSS UI Components
Responsive navbar examples for Tailwind CSS, designed and built by the creators of the framework.


24 Replies
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Teşekkürler! ❤️🔥
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
İkinci kaynak adresinde en üstteki kodu aldım deneme ve düzenleme yapmak için.
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Genel olarak
Javascript
kodları çalışmıyor.
Dropdown
da :js:’e bağlı olduğu için profil fotoğrafına tıklayana dek görünmez olması, ondan sonra açılması gerekirken varsayılan olarak açılıyor.
Yalnızca dropdown
da değil; mobil aygıtlardaki navbar
ın da yalnızca en üst — hamburger imgesinin, imleğin (logo
) ve en sağdaki iki düğme olan ilk satırı gözükmesi gerekirken tüm navbar
açılıyor.Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Sorun navigasyon değil, zaten ileride kendime göre düzenleyeceğim. Sorunum, genel olarak
Tailwind
in kodlarının yanlış çalışması.
Sanırım, hayır, öyle bir detaya rastlamamıştım.Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
A, anladım.
Çok teşekkür ederim!
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Evet,
TailwindLABS
tarafından geliştirildiği ibaresi belirtilmiş.Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
HeadlessUI
ın yalnızca React
ve Vue
için kurulumu var sanırım. Component
te ise Requires JS
dipnotu bulunuyor. İkisi arasında bir bağlantısızlık yokmuş gibi durmuyo' mu?Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Peki ya ben düz
HTML
de o component
i kullanamaz mıyım?Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Aslında,
JS
ini kendim yazarsam olabilir belki.Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Pekâlâ.
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Bilgisayarım biraz hantal olduğundan biraz süre alabilir.
Sonucu alınca buraya yazarım.
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Pekâlâ.
Bilgisayarda şu an çok şey açık olduğundan pek yerinde değil, en iyisi yarın bakmak.
Öncelikle, esenlikler tekrardan.
Anladığım kadarıyla,
Tailwind
in zaten kendi JavaScript
i yokmuş. Bu yüzden kodda (bkz. kaynak #2) dâhil edilen açıklamalara göre bizim kendimizin bir JavaScript
yazması gerekiyo'muş, bunu yapabileceğim kadar profesyonel olduğumu düşünüyorum.
Yardımlarınız için kamunuza teşekkür ederim!