javascript - このjQueryが機能しないのはなぜですか？

Question

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $(document).ready(function (){
$("#kep").click(function (){
    $("#pic").fadeOut('slow', function (){
        $("#pic").html('<img src="y.jpg">', function (){
            $("#pic").fadeIn('fast');
        });
    });
  });
});
</script>
<div id="pic">
 <center><img id="kep" src="x.jpg"></center>
</div>

それは迷惑です、なぜ私はこれらでそんなに一生懸命失敗するのか分かりません。>。<

Answer 1

$(document).ready(function() {
    $("#kep").click(function() {
        $("#pic").fadeOut('slow', function() {
            $(this) // point to #pic
                  .html('<img src="y.jpg">ddd') // append image to #pic
                  .fadeIn('fast'); // make fadeIn #pic
        });
    });
});

コードのエラー：

 $("#pic").html('<img src="y.jpg">', 
       function (){
         // within this callback you are trying to make fadeIn()
         // which is not possible
         // this callback is to process the innerHTML of 
         // #pic, not the #pic itself
            $("#pic").fadeIn('fast');
        }
);