Использование .fadeOut (), но я хочу, чтобы он оставался блеклым? - PullRequest
Новая
       8

Использование .fadeOut (), но я хочу, чтобы он оставался блеклым?

3 голосов
/ 21 июля 2010

Я использую этот код, чтобы сделать исчезновение определенного div (#extras). 

$(document).ready(function() {

            for(var i = 1; i <= pageLimit; i++) {
                $('body').append('<div id="page' + i + '" name="page' + i + '" class="touch"></ div>' ); 
            }

            $('body').append('<div id="extras" class="showUp">..all content needed goes in heree...</div>');
            $(window).load(function() {
                $('div#extras').delay(100).fadeOut(4000); 
            });
});

CSS: 

div#extras {
    height:100%;
}

& 

body > div.showUp {
    display: block !important;
    height:100%;
}

Он красиво гаснет, но затем снова появляется, как только анимация исчезает. Как бы я заставил его остаться блеклым? В другой функции он снова исчезнет.

Это дефолтное css, которое я получил из примера JQtouch, над которым я работал .. 

body > * {
background: transparent;
-webkit-backface-visibility: hidden;
display: none;
position: absolute;
left: 0;
text-align:center;
width: 100%;
-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);
height: 100% !important;
}

Спасибо!

Будет ли тот факт, что дополнительные элементы div были вставлены на страницу с помощью функции .append (), как-то связано с тем, что они снова всплывают?

Ответы [ 2 ]

2 голосов
/ 21 июля 2010

Я успешно использовал:

$ ("# element"). FadeTo ("fast", 0.33);

Параметр скорости можно установить на «медленный», если вы хотите, чтобы затухание занимало больше времени.

0 голосов
/ 21 июля 2010

как насчет использования .fadeTo (0) (или другого числа, если вы хотите, чтобы оно отображалось «непрозрачно», например .fadeTo (250) и т. Д.)

$("#extras").fadeTo(500, 0);

это может быть проспект, который стоит изучить.

Джим

[править] - см. http://api.jquery.com/fadeTo/

...