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