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
@abdullahx Dediğinin ne işe yaradığını anladım da böyle bir şey yapmanın sitem açısından doğru olacağını sanmıyorum. Çünkü ben anlık bir çözüm değil, load işleminden sonra tüm butonları çalıştırabilecek bir çözüm istiyorum. Bootstrap kullanmasaydım, tüm butonların onclick olaylarını düzeltirdim fakat bu mümkün değil.