jQuery издънка

[mo7ika]

<script type="text/javascript" />

$(function(){
	$('#div').hide();
	$('#div').fadeIn(2000)
	});

</script>

този код си работи идеално за фадеване на един обикновен див, но когато го приложа на дива в сайта ми нищо не работи. не работи с нито един от дивовете ми... пробвах 10 начина да го накарам да работи и не стана (нов js документ в html документа писах в хеда и др...) моля ви помогнете голям куриоз е тва...

 

[adrian]

[js]$(function(){
$('#div').hide();
$('#div').fadeIn(2000);
});
[/js]

Точка и запетая липсва след fadeIn. Другото, което може да е причината - да не си заредил jQuery библиотеката

 

[mo7ika]

1-заредил съм я в същия файл имам и други функции
2-сложих точката и запетаята и няма промяна
3-премахнах фейд-ина и проверих дали само ще се скрие - е не се скри търсих проблеми в връзката но не намерих.... :?

 

[adrian]

Предполагам тогава дивът, който искаш да скрие не е такъв:

<div id="div">Трябва да ме няма</div>

 

[mo7ika]

както казах в HTML кода няма грешки (чак толкова зле не съм) но има разлика с кода който ти написа - в моя див няма текст, но има зададена ширина и височина за да се вжда фоновото изображение (зареди него е цялата работа)

 

[adrian]

Ами а без целия код се изчерпах откъм идеи

 

[mo7ika]

доста е затова отсявам :

<div id="heading">
		<div id="logo"></div>
		<div id="info">
			<ul id="adress-book">
			<li><p><span>***:</span>***</p></li>
			<li><p><span>***</p></li>
			<li><p><span>***</span>***</p></li>
			</ul>
		</div> 
		<div class="clr"></div>
	</div>

[css]#logo{width:343px; height:180px; background:url(../img/logo.png) no-repeat; float:left;}[/css]


[js]$(function(){
$('#logo').hide();
$('#logo').fadeIn(2000);
});[/js]

пари залагам че нямам очни заболявания и мога да различа кога става и кога не (виждал съм ефекта )

 

[adrian]

ДЕМО

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Заглавие</title>
	<style>
		#logo{width:343px; height:180px; background: red; float:left;}
	</style>
</head>
<body>
<div id="heading">
	<div id="logo"></div>
	<div id="info">
			<ul id="adress-book">
			<li><p><span>***:</span>***</p></li>
			<li><p><span>***</p></li>
			<li><p><span>***</span>***</p></li>
			</ul>
	</div> 
	<div class="clr"></div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script>
		$(function(){
			$('#logo').hide().fadeIn(2000);
		});
	</script>
</body>
</html>

 

[mo7ika]

преместих функцията за въпросния див най-отгоре в js файла и стана.. Що така?!?