JQuery отсоединение и загрузка должны исчезать и выходить - PullRequest
Новая
       59

JQuery отсоединение и загрузка должны исчезать и выходить

0 голосов
/ 15 марта 2012

Я пытаюсь заставить эту функцию работать лучше, но у меня возникла проблема, чтобы найти решение.

Я хочу, чтобы страницы постепенно исчезали друг для друга.Любое предложение? 

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

1 Ответ

0 голосов
/ 14 июня 2012

Несколько вариантов здесь, трудно сказать, какое будет лучшее решение для вас без дополнительного контекста / CSS / HTML.

  1. Анимировать с помощью jQuery (предполагается, что для непрозрачности свойства CSS изначально установлено значение 0)

    $ ('# yourSelector'). Animate ({opacity: 1}, 1000, function () {// Анимация завершена.});

Подробнее о. Оживите здесь: http://api.jquery.com/animate/

  1. Использовать переходы CSS (без поддержки IE <10 <a href="http://caniuse.com/#search=transition" rel="nofollow">http://caniuse.com/#search=transition) Если у вас изначально установлена ​​непрозрачность 0, просто измените свойство непрозрачности CSS элемента на 1 $('#yourSelector').css('opacity':'1'); после загрузки в DOM и CSS переходы позаботятся обо всем остальном.

    .yourSelector { -webkit-transition: непрозрачность .2s easy-in 0s; -moz-transition: непрозрачность .2s easy-in 0s; -o-transition: непрозрачность .2s easy-in 0s; -ms-transition: непрозрачность .2s easy-in 0s; переход: непрозрачность .2s легкость в 0с; }

...