colorbox順利淡入內容

Question

我有這個問題：我使用colorbox來製作那些jQuery彈出窗口（colorbox）。問題是我想通過ajax順暢地淡入內容，而沒有加載在內容出現之前就能看到的div。

當我禁用通過不透明加載div它已經消失，但我不能順利淡入我的內容。它只是突然彈出。請幫忙嗎？

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".register_link").colorbox({ 
     initialWidth:'886', 
     initialHeight:'410', 

     fixed:'true', 
     scrolling:'false', 
     transition:'fade', 
     onOpen: function(){ 
      $("#colorbox").css("opacity", 0); 
       }, 
     onComplete: function(){ 
      var title = 'Register'; 
      $('#cboxTitle').text(title); 

      $("#colorbox").css("opacity", 1); 
     } 
    }); 
}); 
</script> 

Answer 1

您可以使用jQuery的animate()功能，而不是.css()功能

onComplete: function(){ 
    var title = 'Register'; 
    $('#cboxTitle').text(title); 

    $("#colorbox").animate({"opacity": 1}); 
}