fadeIn無法工作後，AJAX .load調用

Question

我已經創建了一個回調函數來隱藏.calorie表格div然後淡入淡出一個項目添加到我的購物籃後，但是，只有隱藏部分工作。淡入似乎完全被忽略。

有人可以提醒嗎？

這裏是代碼：

 $.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改變Ajax調用：從父頁

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

      }).done(function(){ 

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

     }); 

和重裝DIV（在打開的的fancybox腳本）

$(".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); 
} 

});