Merhaba,
$(".suggestUsers ul").append(content) 'de append yerine prepend kullanırsan altına değil üstüne ekler.
Eğer append yerine html yazarsan ekleme yapmaz direkt content'deki sonucu yansıtır.
js bilgim yok denilecek kadar az,kaynaklardan bilgi toplata toplaya birşeyler çıkardım instagram profillerini sitemdeki apimden ajax ile çekiyorum ve dive yansıtıyorum sorun şu id inputuna her bir kelime girdigimde siteme ona göre request yolluyor ve gelen veriyi aktarıyor oraya kadar sorun yok ancak her yeni aramada gelen veriyi aşağıya yansıtıyor benim istediğim ise bi önceki aramadan dive yansıtılan verileri silsin aradıklarım yansıtılsın alt alta gelsin istemiyorum arattığım en üstte çıksın istiyorum yardım edebilecek arkadaşlar varsa çok sevinirim iyi forumlar
<script>
function delay(callback, ms) {
var timer = 0;
return function() {
var context = this, args = arguments;
clearTimeout(timer);
timer = setTimeout(function () {
callback.apply(context, args);
}, ms || 0);
};
}
$( document ).on( "keyup", "#id", delay(function (){
$('.suggestUsers').show();
var value = $(this).val();
$.ajax({
type : "GET",
url : "https://dogan.in/proxyx.php?q=" + value ,
dataType: "json",
success : function(response) {
for(var i = 0; i<=10; i++){
console.log(response.users[i].username);
if(response.users[i].is_private == true)
{
is_private = 1;
addClass = 'is-private';
}else{
is_private = 0;
addClass = 'no-private';
}
var content = '';
content+='<li class="'+addClass+'"><div class="rounded py-1 flex items-center hover:bg-gray-100"><img src="https://instabig.net/s/download?url=' + encodeURIComponent(response.users[i].profile_pic_url) + '" width="25" style="border-radius: 10px 10px 10px 10px"><a href="search?id=' + response.users[i].username + '" class="w-full flex items-center"><div class="ml-3 flex-1"><div class="text-sm font-medium">' + response.users[i].full_name + '</div><div class="text-sm font-medium">' + response.users[i].username + '</div></div></a></div></li>';
$(".suggestUsers ul").append(content);
}
}
})
}));
</script>