これがjsfiddle Codeで機能しない理由を誰か教えてもらえますか?
JavaScript:
$(document).ready(function() {
$(document).live("keydown", KeyOperation);
});
function KeyOperation(e)
{
alert("in");
var top = $(".move").offset().top;
var left = $(".move").offset().left;
var IncrementBy = 10;
if (e.which == 37) {
$(".move").css({ left: left - 10 });
}
else if (e.which == 38) {
$(".move").css({ top: top - IncrementBy });
}
else if (e.which == 39) {
$(".move").css({ left: left + IncrementBy });
}
else if (e.which == 40) {
$(".move").css({ top: top + IncrementBy });
}
}
HTML:
<div class="move"></div>
CSS:
.move
{
width: 100px;
height:100px;
border:1px solid red;
}