今年早些时候,我做了一些关于拖放游戏的工作。除了基本的html之外,这是我编写的第一件事。我得到了它的工作,但后来不得不把它放在一边一段时间。
我现在回来研究它。我创建的游戏是放在我不再拥有的域名的ftp上。我把html和图像文件放在另一个域上,希望它们可以工作。但是现在什么都没拖!
我不知道会有什么不同。我几乎不记得我是如何编写这个的。是否有一个额外的文件应该在ftp或类似的东西?谁能摆脱任何光明?
游戏:http://www.vic-taylor.com/dolls/doll6.html
代码:
<!doctype html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
<script>
$(function() {
$( "#draggable" ).draggable()
});
</script>
<script>
$(function() {
$( "#draggable2" ).draggable();
});
</script>
<script>
$(function() {
$( "#draggable3" ).draggable();
});
</script>
<script>
$(function() {
$( "#draggable4" ).draggable();
});
</script>
<script>
$(function() {
$( "#draggable5" ).draggable();
});
</script>
</head>
</body>
<div id="bodies/palepd.gif">
<img src="bodies/palepd.gif" class="ui-widget-content" id="draggable">
<img src="bodies/trousers.gif" class="ui-widget-content" id="draggable2">
<img src="bodies/top.gif" class="ui-widget-content" id="draggable3">
<img src="bodies/dress.gif" class="ui-widget-content" id="draggable4">
<img src="bodies/coat.gif" class="ui-widget-content" id="draggable5">
</div>
</body>
答案 0 :(得分:0)
对于初学者,您的HTML有以下错误:
<div id="bodies/palepd.gif">
我建议您更改代码以引用jquery的确切版本,而不仅仅是最新版本。这是因为jquery和jquery-ui版本需要兼容。