JQuery въпрос

[ilian_91]

От скоро започнах да уча JQuery но незнайно защо имам проблем когато поискам да направя нещо след клик ... търсих търсих но не мога да видя къде греша.

Ето кода за една проста анимацийка:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<style type="text/css">
#box {width:300px;height:300px;background:red;}

</style>
<title>Test4e</title>

<script type="text/javascript">
$("#but").click (function(){
	$("#box").animate({"width":"500px",
                       "height":"100px"},
				        2000

					);


});
</script>
</head>

<body>
<a href="#" id="but">Бутон</a>
<div id="box"> </div>

</body>
</html>

Дано някой може да каже съде точно греша :roll:

 

[ArchangelS]

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<style type="text/css">
#box {width:300px;height:300px;background:red;}

</style>
<title>Test4e</title>

<script type="text/javascript">
$("#but").onclick (function(){
   $("#box").animate({"width":"500px",
                       "height":"100px"},
                    2000

               );


});
</script>
</head>

<body>
<a href="#" id="but">Бутон</a>
<div id="box"> </div>

</body>
</html>

така ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<style type="text/css">
#box {width:300px;height:300px;background:red;}

</style>
<title>Test4e</title>

<script type="text/javascript">
$(document).ready(functions){
$("#but").onclick (function(){
   $("#box").animate({"width":"500px",
                       "height":"100px"},
                    2000

               } );


});
</script>
</head>

<body>
<a href="#" id="but">Бутон</a>
<div id="box"> </div>

</body>
</html>

или така ?

 

[ilian_91]

Да , получи се
Мерси за помощта :wink:

 

[ArchangelS]

няма проблем