無法調試這個jquery

Question

O.K，代碼應該像這個小提琴http://jsfiddle.net/mjmitche/6nar4/一樣工作，其中左邊的任何一個框都可以放入黑盒子裏面的框中。

在我的網站上，它不工作。如果您轉到此網址，並等待約10秒鐘，則會出現一個下拉菜單，旁邊有一個「確認」按鈕。點擊確認，它會打開一個新頁面。新頁面右側的四個框都是可拖動的，而白色框中的四個小框都是可拖放的。然而，實際上，只有小紅框 - 即下面代碼中的「＃chair2」可以放下。 ＃chair1，＃chair2，＃chair3不接受放置。

prupt.com

這是代碼，設置可放開和可拖動

$(document).ready(function($) {  
$("#cloud1, #cloud2, #cloud3, #cloud4").draggable(); 
$("#chair1, #chair2, #chair3, #chair4").droppable({   
    accept: "#cloud1, #cloud2, #cloud3, #cloud4", 
    activeClass: "ui-state-hover", 
    hoverClass: "ui-state-active",  
    drop: function (event, ui) { 
    $(this)  
    .addClass ("ui-state-highlight")  
    .find ("p")  
    .html("dropped");   
$("#topnav4").css({'background':'pink'}); 
      }  
     }); 
}); 

這是從開始的所有jQuery代碼來完成

$(document).ready(function(){  
$(init); 
}); 

function init() { 
cloudshow(); 
} 
function cloudshow() { 
$("#intro").fadeIn(1000, function(){ 
    $("#intro2").fadeIn(1000, function(){ 
    $("#cloud1").fadeIn(2000, function(){ 
    $("#cloud2, #cloud5").fadeIn(2000, function(){ 
    $("#cloud3, #cloud4, #cloud6").fadeIn(2000, function(){ 
    $("#message").fadeIn(1000, function() { 
    $("#contactform").fadeIn(1000) 
    }); 
    }); 

    }); 
    }); 
    }); 
}); 
}; 


var img1 = "url('/wp-content/themes/thesis_18/custom/images/map.jpg') repeat"; 
$(".submit").click(function(){ 
$("body.custom").css({background: img1}); 
$("#topnav4, #cloud1, #cloud2, #cloud3, #cloud4, #cloud5, #cloud6, #intro, #intro2, #message, #contactform").fadeOut(1000, function(){ 
$("#sidenav").fadeIn(1000, function(){ 
     $("#topnav4").css({'background': 'none', 'display':'block'}); 
    $("#bigbox").fadeIn(1000, function(){ 
    $("#cloud1").css({'display':'block', 'position':'absolute','left':'600px', 'top': '50px', 'z-index': '2'}); 
     $("#cloud2").css({'display':'block', 'position':'absolute','left':'600px', 'top': '150px', 'z-index': '2'});  
    $("#cloud3").css({'display':'block', 'position':'absolute','left':'600px', 'top': '250px', 'z-index': '2'}); 
     $("#cloud4").css({'display':'block', 'position':'absolute','left':'600px', 'top': '350px', 'z-index': '2'}); 


    }); 
    }); 
    }); 
    }); 


$(document).ready(function($) {  
$("#cloud1, #cloud2, #cloud3, #cloud4").draggable(); 
$("#chair1, #chair2, #chair3, #chair4").droppable({   
    accept: "#cloud1, #cloud2, #cloud3, #cloud4", 
    activeClass: "ui-state-hover", 
    hoverClass: "ui-state-active",  
    drop: function (event, ui) { 
    $(this)  
    .addClass ("ui-state-highlight")  
    .find ("p")  
    .html("dropped");   
$("#topnav4").css({'background':'pink'}); 
      }  
     }); 
}); 

Answer 1

三次對您包括jQuery的部分這一頁。在Firebug控制檯中，如果你輸入jQuery.fn.draggable，你會得到未定義的。它看起來像多次包括jQuery導致這一點。