0

我试图让这个功能更好地工作，但我在寻找解决方案时遇到了问题。

我想让页面相互淡入淡出。有什么建议吗？ 

        $('.edit-account').click(function(){

            $('#section-wrapper').detach();

            $('#inline-cont').load('../my-profile/edit-profile.html #inline_content');

            $('#inner-wrap').load('../my-profile/edit-profile.html #section-wrapper', function(){
                $('#close-account').click(function() {
                        $('#section-wrapper').detach();
                        $('#inline-cont').load('../my-profile/close-account.html #inline_content');
                        $('#inner-wrap').load('../my-profile/close-account.html #section-wrapper');
                });
            });
        });
4

1 回答 1

0

这里有几个选项，如果没有更多上下文/CSS/HTML，很难说出最适合您的解决方案。

  1. 使用 jQuery 制作动画（假设您最初将 CSS 属性 opacity 设置为 0）

    $('#yourSelector').animate({opacity: 1}, 1000, function() {// 动画完成。});

更多关于 .animate 的信息：http: //api.jquery.com/animate/

  1. 使用 CSS 过渡（IE <10 http://caniuse.com/#search=transition不支持）如果您最初将不透明度设置为 0，则只需在元素$('#yourSelector').css('opacity':'1'); 加载到 DOM 后将其 CSS 不透明度属性更改为 1 并CSS 过渡将负责其余的工作。

    .yourSelector { -webkit-transition: opacity .2s ease-in 0s; -moz-transition：不透明度 .2s 缓入 0s；-o-transition：不透明度 .2s 缓入 0s；-ms-transition:opacity .2s 缓入 0s；过渡：不透明度 .2s 缓入 0s；}

于 2012-06-13T21:36:31.657 回答