jsFiddle代碼沒有運行？

我有這個代碼的一個問題 - http://jsfiddle.net/B3XkD/1/jsFiddle代碼沒有運行？

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）。我究竟做錯了什麼？

來源

2012-03-09 user1259527

你有沒有機會加載jQuery？ – Lazarus 2012-03-09 14:46:05

你在檢查錯誤嗎？ – thescientist 2012-03-09 14:47:57

嗯不知道，你可以更具體請，我只有兩個文件，HTML加一個CSS和CSS，javascipt和沒有錯誤 – user1259527 2012-03-09 14:49:11

您是否添加了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>

來源

2012-03-09 16:12:20 Thomas

我仍然無法得到它的工作，不知道爲什麼，我已經添加了jquery和libary，沒有什麼，我添加了這些-http：//code.jquery.com/jquery-1.7.1.js和http：///ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js有什麼想法？ – user1259527 2012-03-09 23:10:49

通過比較用的jsfiddle您的網站創建確切的代碼。

您可以登錄jsFiddle，點擊[Run]並查看http://jsfiddle.net/draft/的來源，或者您可以查看http://fiddle.jshell.net/B3XkD/1/show/的來源（不安全以檢查其他人創建的小提琴！）。

來源

2012-03-11 08:17:27 zalun

謝謝先生，作品完美。 – user1259527 2012-03-11 17:37:55

請正確回答 – zalun 2012-10-11 14:50:01

有時jsFiddle（和JavaScript美化）弄亂了代碼。最後一個分號被編輯爲不同的字符（但你看不到差異）。刪除最後一個分號（你將需要做兩個後退來擺脫它）並輸入一個新分號。

來源

2012-03-24 18:23:32

jsFiddle代碼沒有運行？

回答

相關問題