Javascript mobile sorunu

polev 1121 gün önce

601 defa görüntülendi

    $(document).ready(function() {
            $('.index-fav').click(function(e) {
                var favID = $(this).data("id");
                if ($('.index-fav[data-id=' + favID + ']').hasClass("red")) {
                    $('.index-fav[data-id=' + favID + ']').removeClass("red");
                } else {
                    $('.index-fav[data-id=' + favID + ']').addClass('red');
                }
            });
        });

Ürünleri favoriye eklerken veya kaldırırken chrome veya farklı bir tarayıcıda sorunsuz kod çalışıyor.
Mobil tarafında favoriyi kaldırmak için Tıklayıp boş bir kısma tıklamam lazım ancak o zaman red classı siliniyor.
Sorun ne olabilir?

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (3)

makifgokce

1121 gün önce

class ı kaldırıyorsa animasyonla alakalı bir sorundur.
Animasyon için uyguladığın kodları kontrol et

#004300

polev

1121 gün önce

toggleClass'ı öğrendim teşekkür ederim.Mobil tarafta red classını kaldırıyor ancak animasyon hala duruyor boş bir kısıma tıklandığında animasyon kayboluyor.Css tarafında sorun galiba.

#004299

makifgokce

1121 gün önce

Bu kodu dene

$('.index-fav').click(function(e) {
    $( this ).toggleClass( "red" );
});

#004298