Jquery Çalışmıyor (Kesin Çözüm)

jquery çalışmıyor
JQuery çalışmıyor

Web projenizde yazdığınız jquery çalışmıyor ise jquery kodlarınızın neden çalışmadığını bu yazımda anlatıyorum.

JQuery Kütüphanesini Ekleyin – JQuery Çalışmıyor 1

İlk kontrol etmeniz gereken jquery kütüphanesini dosyanıza ekleyip eklemediğinizdir, sitenizin daha hızlı açılması için html dökümanınız içerisinde etiketinden hemen önce JQuery kütüphanenizi çağırmalısınız.

Örnek;


......


Sitenize JQuery kütüphanesini CDN üzerinden eklemek için tıklayın.

JQuery Kodlarının Yeri Önemlidir – JQuery Çalışmıyor 2

Yazdığınız kodların üstteki satırın altında olduğundan emin olun. Kütüphaneyi projenize dahil etmeden içerisindeki fonksiyonları kullanamazsınız ve dolayısıyla yazdığınız kodlar çalışmaz.

Örnek;


......





Ready() Fonksiyonunu Kullanın – JQuery Çalışmıyor 3

JQuery kütüphanesi ile DOM elementleri üzerinde işlem yaptığımızdan dolayı DOM elemanları tam olarak yüklenmeyi tamamlamadan yazdığınız kodları çalıştırmayı denerseniz kodlarınız çalışmayabilir. Bu sebeple kodlarımızı çalıştırmadan önce DOM elementlerinin yani sayfanın tam olarak hazır durumda olduğunu kontrol etmeli ve sonrasında kodlarımızı çalıştırmaya başlamalıyız. Bu işlemi Ready() fonksiyonunu kullanarak gerçekleştiririz.

Örnek;


......




Sonuç

Bu üç işlemi yaptığınızda kodlarınız çalışacaktır. Eğer çalışmaz ise JQuery versiyonunuzu kontrol edin, var olan en güncel versiyon ile çalışmaya özen gösterin. Yazdığınız kodlardaki fonksiyonların kullanımdan kaldırılmış olup olmadığından emin olun. Eski versiyonlara ait fonksiyonlar kullanıyorsanız ilgili versiyon kütüphanesini dosyalarınıza çağırın. Kodlarınızda ek kütüphanelere ihtiyaç duyuluyorsa JQueryUI benzeri kütüphaneleri projenize dahil edin. Ve en önemlisi bir ” developer console” üzerinden sitenizdeki hataları mutlaka takip edin.

Bir sonraki yazımda görüşmek üzere.

Php ve JS Cookie ile Sidebar kontrolü isimli yazımı okumanızı öneririm.

Share

İlginizi çekebilir

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir