2011-10-19 11 views
0

は、このコードを見てみましょう:フェードアウトが機能しない理由なぜ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エフェクトは表示されません。どうして?

+0

作品を試みることができる:http://jsfiddle.net/svmg4/ – MacMac

+0

[。あなたのコードは正常に動作](http://jsfiddle.net/xB3Qy/)コードを投稿してくださいことこの問題を実証することが確認されています。 – user113716

+0

これはjsfiddleの私のために働いています: - http://jsfiddle.net/CNQXV/テキストとリンクは消えます。オンラインで見ることができますか?競合の原因となる他のJavaScriptエラーがありますか? – rtpHarry

答えて

3

私はfiddleを作っています。

何らかの理由でまだそれが見えない場合は、'slow'をミリ秒単位で置き換えてください。3000ほどの大きさのものが必要です。

+0

はい、 'slow'が問題でした....今は正しく表示されています。 – Dail

+0

@Dail: '' slow ''を使っても問題はありません。それは私が信じる800msにマップされます。編集:実際に600msのように見えるhttps://github.com/jquery/jquery/blob/1.6.2/src/effects.js#L542-547 – user113716

+0

「遅い」を使用するとChromeでフェードが機能しないことがわかった上記のjsfiddle – Deebster

0

あなたもうまく.fadeTo(3000,0,function(){$(this).remove();})

関連する問題