2

我有这个问题:我使用 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>
4

1 回答 1

4

您可以使用 jQueryanimate()函数,而不是.css()函数

onComplete: function(){
     var title = 'Register';
     $('#cboxTitle').text(title);

     $("#colorbox").animate({"opacity": 1});
}
于 2013-03-05T23:48:50.590 回答