我遇到此代码的问题 - http://jsfiddle.net/B3XkD/1/
function itemInSpot(drag_item, spot) {
var oldSpotItem = $(spot).find('img');
if (oldSpotItem.length > 0) {
oldSpotItem.appendTo('#inventory').draggable({
revert: 'invalid'
});
}
var item = $('<img />');
item.attr('src', drag_item.attr('src')).attr('class', drag_item.attr('class')).appendTo(spot).draggable({
revert: 'invalid'
});
drag_item.remove(); // Remove the old object
}
$(document).ready(function() {
$(".circles").draggable({
revert: 'invalid'
});
$('#inventory').droppable();
$("#circles").droppable({
accept: '.circles'
})
$('#circles,#inventory').bind('drop', function(ev, ui) {
itemInSpot(ui.draggable, this);
});
});
它在jsFiddle中运行完美,当我将代码复制到我的PC上的web表达式时它不起作用,只应用了HTML和CSS,但是没有对图像的控制(JavaScript)。我做错了什么?
答案 0 :(得分:2)
将jsFiddle创建的确切代码与您的网站进行比较。
您可以登录jsFiddle,点击[运行]并检查http://jsfiddle.net/draft/的来源,或者您可以检查http://fiddle.jshell.net/B3XkD/1/show/的来源(不安全以检查其他人创建的小提琴!)。
答案 1 :(得分:0)
你添加了jQuery和jQuery UI吗? jsFiddle会自动添加它们,但您必须在本地文件中手动添加它们:
例如:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script>
答案 2 :(得分:0)
有时候jsFiddle(以及JavaScript美化)会搞乱代码。最后一个分号被编辑为不同的字符(但你看不出区别)。删除最后一个分号(你需要做两个退格来摆脱它)并输入一个新分号。