왜 FadeOut이 작동하지 않습니까?

이 코드를 살펴 : 페이드 아웃이 작동되지 않는 이유왜 FadeOut이 작동하지 않습니까?

<script> 
$(function(){ 
    $("div.note a").live("click", function(e) { 
    e.preventDefault(); 

    answer = confirm("Delete?");  
    if (!answer) return false; 

    $(this).parent().fadeOut('slow', function(){ 
     $(this).remove(); 
    }); 
    }); 
}); 
</script>

는

<div id="note_list"> 
    <div class="note"> 
    Text: 
    <a href="#">X</a> 
    </div> 
    <div class="note"> 
    Text: 
    <a href="#">X</a> 
    </div> 
    <div class="note"> 
    Text: 
    <a href="#">X</a> 
    </div> 
    <div class="note"> 
    Text: 
    <a href="#">X</a> 
    </div> 
</div>

는 somone에 말해 주시겠습니까? 클릭 후 div가 삭제되지만 fedeout 효과는 표시되지 않습니다. 왜?

출처

2011-10-19 Dail

작품을 시도 할 수 : http://jsfiddle.net/svmg4/ – MacMac

[. 귀하의 코드가 잘 작동] (http://jsfiddle.net/xB3Qy/) 코드를 게시하시기 바랍니다 이 문제를 입증하기 위해 확인되었습니다. – user113716

이것은 jsfiddle에서 나를 위해 일하고있다 : - http://jsfiddle.net/CNQXV/ 텍스트와 링크가 사라진다. 우리가 볼 수있는 온라인 예가 있습니까? 충돌을 일으키는 다른 JavaScript 오류가 있습니까? – rtpHarry

작동 중입니다. fiddle을 만들었습니다.

어떤 이유로 든 볼 수 없다면 'slow'을 밀리 초 단위로 바꾸십시오. 3000만큼 큰 값을 입력하십시오.

출처

2011-10-19 14:57:37

예, 'slow'가 문제였습니다 ... 이제는 효과가 올바르게 나타납니다. – Dail

@Dail :''slow "'를 사용하면 문제가 발생하지 않습니다. 내가 믿는 800ms에 매핑됩니다. 편집 : 사실 600ms 보이는 https://github.com/jquery/jquery/blob/1.6.2/src/effects.js#L542-547 – user113716

크롬에서 '느린'을 사용할 때 페이드가 작동하지 않음을 발견했습니다. 위의 jsfiddle – Deebster

당신은 또한 잘 .fadeTo(3000,0,function(){$(this).remove();})

출처

2011-10-19 14:59:09

왜 FadeOut이 작동하지 않습니까?

답변

관련 문제