Witam. Dopiero ucze sie jQuery i teraz mam pytanie. Funkcja 2 dziala. Gdzie jest blad w funkcji 1?
Nie dziala
$(document).ready(function(){
$(document).on('keydown','div',function(){
$(this).animate({left:'+=10px'},500);
});
});
Dziala
$(document).ready(function() {
$(document).keydown(function() {
$('div').animate({left:'+=10px'},500);
});
});
HTML
<!DOCTYPE html>
<html>
<head>
<title>Div Racer</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<div></div>
</body>
</html>
CSS
div {
height: 50px;
width: 50px;
border-radius: 10px;
background-color: #FF0000;
position: relative;
}