Jquery-添加功能性可拖动代码会把程序搞砸

抱歉，但我只能在实时沙盒站点上显示此问题。如果你去，大约8-10秒后，下拉菜单会出现在屏幕中间。如果单击下拉菜单旁边的“确认”，背景图像将更改，框将消失，并在下一页重新出现

一切都很好

但是，当我在下面添加代码，使第二页上的框可以拖放，然后再次访问该站点时，一旦我在第一页上单击“确认”，它只会重新加载相同的第一页，而不会更改背景图像等

下面的代码本身就是功能性的，正如我在这把小提琴上测试的一样

那么，有谁能解释一下，如果我添加了这段代码，那么当您单击第一页上的确认按钮时，它会改变功能

$(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");
            $("#topnav").css({'background':'pink'});
         }

      });
});

更新，当我将此文档中的代码准备就绪（如@kwicher所建议）并重试时，更改到第二页的过程开始，但随后又恢复到第一页

$(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");
                $("#topnav").css({'background':'pink'});
             }

          });

}); 

---

尝试在$（文档）上执行代码。就绪

尝试在$（文档）上执行代码。就绪

谢谢，请参阅OP更新。我将该函数放在一个文档中，准备就绪并再次尝试，它似乎开始工作，但随后又返回到第一页。我的文档准备好了吗？我不确定出了什么问题。如果你用所有源代码制作一个失败最少的网页，那么现在调试所有代码就更容易了。确认按钮类为“提交”。有没有一种方法可以编写一个只在单击submit按钮时激活DragTables的函数，然后再稍微延迟一下？类似于，如果.submit=clicked，那么$document ready？我在您的网页中看不到对jQuery UI源的引用我需要对jQuery UI的引用吗？为什么？哦，好的，我需要它来拖拽。谢谢，我将添加它，但这不可能是页面不切换的原因，是吗？谢谢，请查看OP更新。我将该函数放在一个文档中，准备就绪并再次尝试，它似乎开始工作，但随后又返回到第一页。我的文档准备好了吗？我不确定出了什么问题。如果你用所有源代码制作一个失败最少的网页，那么现在调试所有代码就更容易了。确认按钮类为“提交”。有没有一种方法可以编写一个只在单击submit按钮时激活DragTables的函数，然后再稍微延迟一下？类似于，如果.submit=clicked，那么$document ready？我在您的网页中看不到对jQuery UI源的引用我需要对jQuery UI的引用吗？为什么？哦，好的，我需要它来拖拽。谢谢，我将添加它，但这不是页面不切换的原因，是吗？