Web projenizde yazdığınız jquery çalışmıyor ise jquery kodlarınızın neden çalışmadığını bu yazımda anlatıyorum.
Yazı İçeriği
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 </body> etiketinden hemen önce JQuery kütüphanenizi çağırmalısınız.
Örnek;
<body>
......
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
</body>
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;
<body>
......
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
<script>
//JQuery Kodlarınız Başlangıç
...
//JQuery Kodlarınız Bitiş
</script>
</body>
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;
<body>
......
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
<script>
$(document).ready(function(){ // DOM hazır mı?
//JQuery Kodlarınız Başlangıç
....
//JQuery Kodlarınız Bitiş
});
</script>
</body>
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.
Son Yorumlar