HTML JQuery Animation bei Buttonklick will nicht

Technoboy · 13. Dezember 2010

Guten tag,

Ich will das sich ein Input bei einem Klick bewegt.

Im folgenden mein Quellcode der leider nicht funktioniert

PHP:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
    $("#login").click(function(){
      $(".username").animate({"left": "+=200px"}, "slow");
    });
  </script>
</head>
<body>
<div id="bar">
  <center> 
    <input class="username" type="text"></input>
    <a id="login" href="#" class="button blue 1">Login</span>
  </center>
</div>
</body>

CSS vom input :

PHP:

.username {
  position:absolute;
  left:0px;
}

Gruß Technoboy

berwinter · 13. Dezember 2010

die $(document).ready() Funktion fehlt in deinem Code, dann funktioniert es auch.

PHP:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
	$(document).ready(function() {
	    $("#login").click(function(){
	      $(".username").animate({"left": "+=200px"}, "slow");
	    });
	});
</script>
</head>
<body>
<div id="bar">
  <center> 
    <input class="username" style="position:absolute;left:0px;" type="text"></input>
    <a id="login" href="#" class="button blue 1">Login</span>
  </center>
</div>
</body>

Technoboy · 13. Dezember 2010

Danke für die schnelle Lösung ... funktioniert super !!

Gruß Technoboy

Suche

HTML JQuery Animation bei Buttonklick will nicht

Technoboy

Cadet 4th Year

berwinter

Cadet 2nd Year

Technoboy

Cadet 4th Year

Ähnliche Themen