Ajax ile formu post ettikten ve load ile anı sayfayı yeniden yükledikten sonra butonların çalışmaması
Merhaba arkadaşlar. Ajax ile form post edildikten ve sayfa load() ile yeniden yüklendikten sonra hiçbir buton, tıklandığında yapması gerekeni yapmıyor, ta ki sayfa yenilenene kadar. Aşağıdaki koda bakın:
kod
<form method="POST" id="yorumFormu">
<label for="yorum">Yorumunuz: <textarea name="yorum" id="yorum" cols="60" rows="20" aria-label="Yorumunuz"></textarea></label>
<button type="button" id="yorumGonder">Yorumu gönder</button>
</form>
<script>
$("#yorumGonder").on("click",function(){
$.post("yorum-ekle.php",$("#yorumFormu").serialize(),function(basarili){
alert(basarili);
setTimeout(() => {
$("body").load(window.location.href);
}, 1000);
});
});
</script>
Sevgiler
Gençler çok araştırdım çözümü buldum. Sayfa yenilendikten sonra click olayını yeniden yapmamız gerekiyormuş. Fakat ben bootstrap falan da kullanıyorum, o butonların onclick olayını nasıl yeniden yaparım hiç bilmiyorum.