2

この問題があります: colorbox を使用して、これらの jQuery ポップアップ ( colorbox ) を作成します。問題は、コンテンツが表示される直前に表示されるdivをロードせずに、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

animate()関数の代わりにjQuery関数を使用でき.css()ます

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

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