Colorbox 平滑淡入内容

Question

我有这个问题：我使用颜色框来制作那些 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});
}