Loading...

Search jQuery

Search

jQuery Forum

stenioramos

The car does not move, i dont know why

in Using jQuery • 10 years ago

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<link rel="stylesheet" "text/css" href="estilo/estilo.css" />
<title>Jogo</title>
</head>
<div id="car"></div>
<body>
</body>
</html>

/**
* @author Senio Ramos
*/
$(document).ready(function(){
$(document).keydown(function(key) {
switch(parseInt(key.which,10)) {
case 65:
$('.#car').animate({left: "-=10px"}, 'fast');
break;
case 83:
$('.#car').animate({top: "+=10px"}, 'fast');
break;
case 87:
$('.#car').animate({top: "-=10px"}, 'fast');
break;
case 68:
$('.#car').animate({left: "+=10px"}, 'fast');
break;
default:
break;
}
});
});

1

Replies(9)

jay.blanchard

Re: The car does not move, i dont know why

10 years ago

Change $('.#car') to $('#car') - you have a period in your selector as if you're trying to select a class instead of an id.

stenioramos

Re: Re: The car does not move, i dont know why

10 years ago

hehe, the selector was wrong.

but i changed it and it still doesnt work.

here:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<link rel="stylesheet" "text/css" href="estilo/estilo.css" />
<title>Jogo</title>
</head>
<div id="car"></div>
<body>
</body>
</html>

/**
* @author Senio Ramos
*/
$(document).ready(function(){
$(document).keydown(function(key) {
switch(parseInt(key.which, 10)) {
case 65:
$('#car').animate({left: "-=10px"}, 'fast');
break;
case 83:
$('#car').animate({top: "+=10px"}, 'fast');
break;
case 87:
$('#car').animate({top: "-=10px"}, 'fast');
break;
case 68:
$('#car').animate({left: "+=10px"}, 'fast');
break;
default:
break;
}
});
});

rminde

Re: The car does not move, i dont know why

10 years ago

try this:

http://jsfiddle.net/S2f2c/

stenioramos

Re: Re: The car does not move, i dont know why

10 years ago

hm, i'll try it.

must the position be relative?

rminde

Re: The car does not move, i dont know why

10 years ago

it can be "relative", "absolute" or "fixed".
just try it in jsfiddle above

stenioramos

Re: Re: The car does not move, i dont know why

10 years ago

but i must write the position, right? because that's the only difference betwen the code files.

Kevin B

Re: The car does not move, i dont know why

10 years ago

Yes, you must set the position to something other than static for it to respect top left bottom and right css styles.

-- Kevin

stenioramos

Re: Re: The car does not move, i dont know why

10 years ago

it worked.

thx so much :)

stenioramos

Re: Re: The car does not move, i dont know why

10 years ago

i did this one, adding more an if for when the car has the same stone's postion. but it doenst work again.

it moves but doesnt have less 10px on top.

/**
* @author Stenio Ramos
*/
$(document).ready(function(){
var car = $("#car, #front, .wheel");
$(document).keydown(function(key) {
switch(parseInt(key.which, 10)) {
case 65:
car.animate({left: "-=10px"}, 'fast');
break;
case 83:
car.animate({top: "+=10px"}, 'fast');
break;
case 87:
car.animate({top: "-=10px"}, 'fast');
break;
case 68:
car.animate({left: "+=10px"}, 'fast');
break;
default:
break;
}
});
var carpos = car.css(["top", "top"]);
var stonepos = $('#stone').css(["top", "top"]);
if(carpos === stonepos){
car.animate({top: "-=10px"}, 'fast');
}
//$('#car').css('height', '300px');
});

css() without the value, only with the property returns its value, right?