fadeIn AJAX .load 호출 후 작동하지 않습니다.

Question

.calorie-table div 숨기기 콜백 함수를 만든 다음 내 바구니에 항목을 추가 한 후 div 페이드 인하지만 숨기기 부분 만 작동합니다. fadeIn은 완전히 무시 된 것 같습니다.

아무도 도와 줄 수 있습니까?

 $.ajax({ 
     type: "POST", 
      url: "../ajax/add-ingredient-to-recipe.php?"+dataString, 
      dataType: "html", 
      data: dataString, 
      success: function (msg) { 

      frames.top.$.fancybox.close(true);     
      frames.top.$('.calorie-table').load('./views/nutritional-data.tmp.php', function(){ 


       $(this).hide(); 
       $(this).fadeIn("slow"); 

      }); 

      } 

     }); 

Answer 1

가 아약스 호출을 변경 BBY 자신을 해결 :합니다 (fancybox을 여는 스크립트) 부모 페이지에서 DIV를

  $.ajax({ 
     type: "POST", 
      url: "../ajax/add-ingredient-to-recipe.php?"+dataString, 
      dataType: "html", 
      data: dataString, 

      }).done(function(){ 

      window.top.$.fancybox.close(true); 

     }); 

및 다시로드

여기

코드입니다

$(".add-food-button").fancybox({ 
    width : 750, 
    height : 430, 
    fitToView : false, 
    autoSize : false, 
    transitionIn : 'elastic', 
    transitionOut : 'elastic', 
    type    : 'iframe', 
    afterClose : function() { 
     $('.calorie-table').load('./views/nutritional-data.tmp.php'); 
     $('.calorie-table').hide(); 
     $('.calorie-table').fadeIn(800); 
} 

});