JQuery: запускать объект как скрытый, что позволяет .fadeIn () работать - PullRequest
Новая
       22

JQuery: запускать объект как скрытый, что позволяет .fadeIn () работать

7 голосов
/ 18 сентября 2010

У меня есть объект, который я хочу запустить как скрытый.Я пытался использовать каждый из этих стилей по одному.У меня они есть в классе, а не в виде встроенных стилей. 

display:none;

и 

opacity:0;filter:alpha(opacity=0);

Теперь они оба работали, очевидно, объекты загружаются скрытыми.Проблема в том, что когда я их использую, функция JQuery .fadeIn () не работает.Фактически, когда я устанавливаю непрозрачность на .5 (50), затухание постепенно затухает до .5 (50).

Так что, что я могу по умолчанию для объекта, это позволит .fadeIn ()функция для работы?

Спасибо!

Ответы [ 2 ]

8 голосов
/ 18 сентября 2010

Привет код с рабочей версией

HTML 

<html>
    <body>
        <p>test</p>
    </body>
</html>

JQuery 

$(document).ready(function() {
 $('p').fadeTo('slow', 1, function() {
      // Animation complete.
    });
});

CSS 

p{
    display:none;
    opacity:0.0;
    filter:alpha(opacity=0);
}
​

живое демо

http://jsfiddle.net/2p2v4/

2 голосов
/ 18 сентября 2010

Вы можете использовать написанное ниже или просто добавить свой код внизу страницы 

.fadeInOnLoad
{
  display:none;
}

      <div class="fadeInOnLoad">iam visible after page is loaded</div>

      jQuery(function(){
           // your fade in code, call it after dom is ready
            jQuery('.fadeInOnLoad').fadeIn();
        });

Я думаю, что ваша проблема

  • , которую вы вызываете до исчезновенияэлементы dom создаются в браузере

  • или с использованием jQuery, версии для Visual Studio, насколько я помню, была некоторая ошибка в непрозрачности jQuery в версии Visual Studio

...