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}); 
}