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
@korayozdemir4 Bunun çalışabileceğini anlatan bir yorumu stack overflow'da da gördüm. Fakat bunu sadece kendi .js kodlarım için yapabilirim. Bootstrap yardımıyla oluşturduğum dropdown butonlarının onclick olaylarını nasıl belirleyeceğim?