$(...).fadeOut is not a function sorunu

30-07-2020, 19:39:27

Arkadaşlar merhaba, yapılacaklar listesi diye basit bir html sayfası yapıyorum.

Listedeki maddelere tıklayınca silinsin istiyorum.

html kodu

<!DOCTYPE html>
<html>
<head>
<title>Yapilacaklar Listesi</title>
</head>
<body>
<div id="container">
<h1>Yapilacaklar Listesi</h1>
<input type="text" name="">
<ul>
<li><span>Sil</span> Css Calis</li>
<li><span>Sil</span> jQuery Calis</li>
<li><span>Sil</span> Php Calis</li>
</ul>
</div>
</body>
</html>

js kodu

$("span").click(function() {
$("span").fadeOut("slow", function() {
$(this).remove();
});
});

Sil'e tıkladığında tıklanan li etiketini silmek istiyorum.

İnternettende baktığım kadarıyla kodda sorun yok ama cdn'de mi sorun var acaba?

Doğru kod

$("span").click(function(event){
    $(this).parent().fadeOut(500, function(){
        $(this).remove();
    })
    event.stopPropagation();
});

30-07-2020, 19:45:19

#2

WebKadir

$("li").click(function() {
$(this).fadeOut("slow", function() {
$(this).remove();
});
});

bu kod tikladiginiz li tagini diler span li'nin icinde oldugu icin spana tiklayarak li'yi silemezsiniz ozel class atanmadan olmaz en azindan bu sekilde isinizi halledebilirsiniz

30-07-2020, 19:48:19

#3

crooper

$('span').parent().fadeOut()

Parent ve child fonksiyonlarina göz atabilirsiniz.

30-07-2020, 19:48:20

#4

caylakgirisimci

$("span").click(function() {
$(this).parent().fadeOut("slow");
});

30-07-2020, 20:38:51

#5

Mf.Rub

crooper adlı üyeden alıntı: mesajı görüntüle

$('span').parent().fadeOut()

Parent ve child fonksiyonlarina göz atabilirsiniz.

caylakgirisimci adlı üyeden alıntı: mesajı görüntüle

$("span").click(function() {
$(this).parent().fadeOut("slow");
});

Bu kodu yazdığımda sil'e tıklayınca silinmiyor maalesef.

Sorunu hallettim. cdn'de min slim kodu vardı. Onu uncompressed olarak değiştirdim. Şu an sorun gözükmüyor.

Çok teşekkürler