Question

我试图让这个功能更好用，但我找不到解决方案的问题。

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

        $('.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');
                });
            });
        });

Answer 1

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

使用jQuery进行动画处理（假设您最初将CSS属性不透明度设置为0）

$（'＃yourSelector'）。animate（{opacity：1}，1000，function（）{//动画完成。}）;

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

使用CSS转换（IE上不支持＆lt; 10 http://caniuse.com/#search=transition）如果您最初将不透明度设置为0，则只需将元素的CSS不透明度属性更改为1 $('#yourSelector').css('opacity':'1'); 在它加载到DOM之后，CSS过渡将处理其余部分。

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

jquery分离和加载需要淡入淡出

1 个答案: