JQuery Callback Fonksiyonu Nedir?

Bu yazımızda Callback fonksiyonu nedir?, Nasıl kullanılır? onu öğreneceğiz.

Callback, o an aktif olan efektin tamamen bitmesinden sonra çalışan fonksiyondur. Javascript de 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 kodlarınızın çalışmasını istiyorsanız bu kodlar callback fonksiyonu içerisinde tanımlanmalıdır.

Örneğin 1 div ve 2 button 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 butonda efekt tamamen bittikten sonra yani callback fonksiyonu içerisinde alert ile mesaj verdirelim.

İkinci butonda ise alert mesajını callback fonksiyonu olmadan verdirelim.

İlk butona tıklandığında efekt tamamen bittikten sonra alert mesajı çalışacak. İkinci butona tıklandığında ise alert mesajı çalıştıktan sonra efekt devam edecek.

Html Kodları

Css Kodları

Jquery Kodları

Umarım sizin için faydalı bir yazı olmuştur.

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

Leave a Reply