jsFiddle代码没有运行吗？

Question

我有一个关于这个代码的问题-- 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 expression上时，它不起作用，只有超文本标记语言和CSS被应用，但没有对图像(JavaScript)的控制。我做错了什么？

Answer 1

将jsFiddle创建的完全相同的代码与您的站点进行比较。

你可以登录jsFiddle，点击Run并检查http://jsfiddle.net/draft/的源代码，或者你也可以检查http://fiddle.jshell.net/B3XkD/1/show/的源代码(检查别人创建的http://fiddle.jshell.net/B3XkD/1/show/是不安全的！)。

Answer 2

你添加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>

Answer 3

有时jsFiddle (和JavaScript美化程序)会弄乱代码。最后一个分号被编辑为不同的字符(但您看不到区别)。删除最后一个分号(您需要使用两个退格键才能将其删除)，然后键入一个新分号。