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