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, и когда я скопировать код на веб-выражение на моем компьютере он не работает, только HTML и CSS применяется , но контроль изображений (JavaScript) отсутствует. Что я делаю не так?

Answer 1

Вы добавили пользовательский интерфейс jQuery и jQuery? 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 2

Сравните точный код, созданный jsFiddle с вашего сайта.

Вы можете войти в jsFiddle, нажмите [Run] и проверьте источник из http://jsfiddle.net/draft/, в качестве альтернативы вы можете проверить источник http://fiddle.jshell.net/B3XkD/1/show/ (не безопасно, чтобы проверить скрипки созданных кто-то еще!).

Answer 3

Иногда jsFiddle (и JavaScript beautifiers) испортил код. Самая последняя точка с запятой редактируется другим персонажем (но вы не видите разницы). Удалите последнюю точку с запятой (вам нужно будет сделать ДВЕ backspaces, чтобы избавиться от нее) и введите новый.