jQuery Callback Fonksiyonu Nedir? Nasıl Kullanılır?

Bu yazımızda jQuery’de Callback fonksiyonu nedir? Nasıl kullanılır? uygulamalı örnekler üzerinden öğreneceğiz.

Bildiğiniz gibi jQuery’de birçok efekt fonksiyonu bulunuyor. İşte callback fonksiyonu, o an aktif olan efektin tamamen bitmesinden sonra çalışan fonksiyondur.

JavaScript’te kodlar satır satır ilerleyerek çalışır. Örneğin 3 saniye sürecek bir efekt kodu yazdınız diyelim. Bu efektin bitmesi beklenmeden bir sonraki satırdaki kodlar çalıştırılır. Bu durum bazen hatalara neden olabilir.

Eğer efektin tamamen bitmesinden sonra diğer kodlarınızın çalışmasını istiyorsanız bu kodları callback fonksiyonu içerisinde yazmalısınız.

 ⇒  1 div etiketi ve 2 button etiketi oluşturalım.

 ⇒  Butonların click olaylarında div’e toggle fonksiyonu ile 3 saniyede gerçekleşecek şekilde gizle – göster efekti verelim.

 ⇒  Birinci butona tıklandığında gerçekleşecek olan efekt tamamen bittikten sonra yani callback fonksiyonu içerisinde alert ile bir uyarı mesajı verdirelim.

 ⇒  İkinci butona tıklandığında ise alert mesajını callback fonksiyonu olmadan verdirelim.

 ⇒  İlk butona tıklandığında gerçekleşecek olan efekt tamamen bittikten sonra yazdığımız alert mesajı gösterilecek. İkinci butona tıklandığında ise alert mesajı gösterildikten sonra efekt devam edecek.

Artık jQuery callback fonksiyonunun kullanımına bir uygulama üzerinden bakalım.

Html Kodları

Css Kodları

jQuery Kodları

Uygulamamızın son hali aşağıdaki gibi olacaktır.

Umarım “jQuery Callback Fonksiyonu Nedir? Nasıl Kullanılır?” başlıklı yazım sizin için faydalı olmuştur.

Şu yazılar da ilginizi çekebilir.

jQuery Document Ready Fonksiyonu Nedir? Nasıl Kullanılır?

Yeni bir yazımda görüşmek üzere.

Yorum Yazın

650+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.