jsFiddleコードが実行されていませんか？

Question

私は、このコードに問題が生じています - それはjsFiddleで完璧に実行され、私は自分のPC上のWeb表現にコードをコピーするとき、それは、唯一のHTMLとCSSを動作しません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); 
    }); 
}); 

が適用されますしかし、画像の制御はありません（JavaScript）。私は間違って何をしていますか？

Answer 1

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 2

は、あなたのサイトでjsFiddleによって作成された正確なコードを比較します。

あなたは（他の誰かが作成したフィドルをチェックするために安全ではありません！）代わりにあなたがhttp://fiddle.jshell.net/B3XkD/1/show/のソースを確認することができ、jsFiddleにサインインし、[ファイル名を指定して実行]を押すと、http://jsfiddle.net/draft/のソースを確認することができます。

Answer 3

jsFiddle（およびJavaScript beautifiers）がコードを壊すことがあります。最後のセミコロンは別の文字に編集されます（ただし、その違いは分かりません）。最後のセミコロンを削除します（削除するには2つのバックスペースを必要とします）。新しいセミコロンを入力します。