JQuery kullanarak bir HTML elemanının (a ya da button olabilir) tıklanması durumunda çalışacak (bkz: onClick mi yoksa jQuery.click() mi kullanmalı?) bir kod yazdınız ve içerisinde alert komutu vererek çalışıp çalışmadığını kontrol ediyorsunuz diyelim. Her şeyi doğru yaptığınızdan eminseniz ama buna rağmen fonksiyon içerisindeki kodlar tetiklenmiyor ise olası sebepleri şunlardan birisi olabilir:
- Syntax hatası olabilir, tarayıcıda Javascript debugger ya da console hatalarını kontrol edin
- Kodunuzu $(document).ready fonksiyonu içerisinde tekrar yazın.
$(document).ready(function() {
$("#dugme").click(function () {
alert("selam");
});
});
- HTML sayfanızda o butonun id, ya da class seçicisi için kod yazdığınızda eğer o element henüz üretilmedi ise jquery kodları da çalışmayabilir. Çözüm olarak HTML etiketleriniz içerisinde onclick olayı tanımlayabilirsiniz.
<button onclick="fonksiyonAdi()">Tıkla</button>
- JQuery tanımlı olmayabilir
- Farklı bir javascript hatası, JQuery kodunun çalışmasını engelliyor olabilir
- Hatalı seçici kullanılıyor olabilir (sınıf seçicisi, ID seçicisi, etiket seçicisi vb.)
- Aynı ID'ye sabip birden fazla HTML etiketi olabilir
Editör editi: sitede yer alan benzer başlıklar için;
bkz: JQuery ile sadece çift tıklama durumunda tetiklenecek fonksiyon
bkz: JQuery ile Butona tıklandığında iki saniyeliğine pasif hale getirmek
bkz: JQuery ile Dropdown değişiminde diğer seçilince textbox göstermek
bkz: JQuery ile bir html elementinin gizli olup olmadığını kontrol etmek
bkz: JQuery ya da Javascript ile sayfayı açılır açılmaz kapatmak
bkz: JQuery ile sınıf var mı yok mu kontrolü yapmak