色框在内容中平滑地褪色

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