(infinite scroll) sayfa aşağı indikçe yüklenen veri (çalışmıyor)
daha önce tayfun erbilen in prototurk te paylaştığı video ile oluşturduğum aşağıdaki kodlar ne hikmetse çalışmıyor.
kod yapıştıramıyorum bu arada buraya? bu sistem neden çalışmaz varmıdır bilgisi olan?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js" ></script>
<script type="text/javascript" >
$(function () {
$("#blok").scroll(function () {
if ($(this).scrollTop() === $(".blok").height() - $(this).height()) {
$("#loader").show();
var id= $(".blok ul li:last").attr("id");
$.ajax({
type:"post",
url:"inc/urunYukle.php",
data:{"id":id},
success:function (veri) {
if (veri =='bos') {
$("#loader").html("başka veri yok")
}else {
$(".blok ul").append(veri);
$("#loader").hide();
}
}
});
}
});
});
</script>