2010-09-18 1 views
6

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

display:none; 

и

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

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

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

Спасибо!

+2

Если вы используете только 'дисплей: none'' FadeIn() 'должен работать. Вот пример: http://jsfiddle.net/n7FzR/1/ – user113716

+0

Вы уверены, что не пытаетесь «fadeIn» дочернего элемента, к которому вы прикрепляете эти стили? –

ответ

8

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

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/

+0

спасибо большое sir – Nate

+0

В зависимости от вашего макета, вы можете не захотеть начать с 'display: none;', и, к счастью, это похоже на работу без него. –

2

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

.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 версии