私は JQuery に慣れようとしていて、単純な小さなプロジェクトで div をドラッグ可能にしてみようと考えました。これが私のコードです:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="UI_Theme/css/ui-lightness/jquery-ui-1.8.18.custom.css" />
<script src="UI_Theme/js/jquery-1.7.1.min.js"></script>
<script src="UI_Theme/js/jquery-ui-1.8.18.custom.min.js"></script>
<script>
$(document).ready(function() {
$( "#dragme" ).draggable();
});
</script>
<style>
body
{
background-color:#4D4D4D;
}
#dragme
{
width:100px;
height:100px;
background-color:red;
}
</style>
</head>
<body>
<div id="dragme">
<font color="black" size="2">Drag this!</font>
</div>
</body>
</html>
私は、この手紙を題材にしたいくつかの異なる JQuery チュートリアルに従ってきました。私の最善の努力にもかかわらず、要素 #dragme はまだドラッグ可能ではありません。コンソール出力やエラーメッセージも表示されません。