我正在尝试创建我认为应该非常简单的东西。我有一个带有背景图像的静态固定 div，我想在它上面拖动其他图像并调整其大小。
我所拥有的似乎根本不起作用。
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".image").resizable({aspectRatio:true}).parent().draggable();
});
</script>
<style>
#container {
width: 640px;
height: 480px;
border: solid 1px #000;
margin: 0 auto;
background-image:url('background.png');
}
</style>
</head>
<body>
<div id="container"></div>
<img class="image" src="example.png">
<img class="image" src="example1.png">
<img class="image" src="example2.png">
</body>
</html>
有人可以解释我做错了什么吗？