CSS JS BEGENİ animasyonu
sitemin anasayfasında kartları listeliyorum kartların düzeni
üstte ana resim
ortada açıklama
altta ise begeni
tüm kartlarımı veri tabanından id numarasına göre foreach ile listeliyorum
sorunum şu begeni butonu tasarladım js ve css ile animasyon yaptım
fakat;
listelenen kartlarda sadece 1 tanesindeki animasyon çalışıyor 4. karta tıkladığımda bile
yine ilk karttaki beğeni animasyonu çalışıyor
peki kartların id sini alıp beğeni php dosyama nasıl göndereceğim dizi oluşturmayı denedim fakat yapamdım
$(".btn").click(function(){
var yazi_sira = $("#yazi_sira").val(); //bunu bu şekilde text kutularından almayı denedim olmadı kesinlikle dizi gerekiyor
let btn = $(this).children('i.fa-heart');
if(btn.hasClass("far")){
var durum = 1;
btn.removeClass("far").addClass("fas");
}else{
var durum = 0;
btn.removeClass("fas").addClass("far");
}
$.ajax({
url:"pages/begeni.php",
data:{"durum":durum,"yazi_sira":yazi_sira},
type:"POST",
success:function(m){
alert(m);
}
});
});