Javascript jqueryui和引导问题

我在下面的JSFIDLE中简化了一个拖放功能：

我添加了一个模式按钮，现在拖放不起作用

拖放操作使用以下脚本：

• 1.5.0/jquery.min.js
• 1.8.9/jquery-ui.min.js

模式按钮/窗口使用：

• bootstrap.min.js
• code.jquery.com/jquery.js

有没有人有办法解决这个问题，使我的拖放功能和引导模式一样有效

下面是javascript代码：

$（初始化）；
函数init（）{
$（'#元素_1'）。数据（'number'，1）。属性（'id'，'card'+1）。可拖动（{
包含：“#内容”，
堆栈：“#卡片堆div”，
光标：“移动”，
回复：真
} );
$（'#插槽1'）。数据（'number'，1）。可拖放（{
接受：“#卡片堆div”，
hoverClass:“悬停”，
滴落：手推车滴落
} );
}
函数handleCardDrop（事件，ui）{
var slotNumber=$（this）.data（'number'）；
var cardNumber=ui.draggable.data（'number'）；
if（slotNumber==cardNumber）{
ui.draggable.addClass（'correct'）；
ui.draggable.draggable（'disable'）；
$（this.dropable（'disable'）；
位置（{of:$（this），my:'left top'，at:'left top'}）；
ui.draggable.draggable（'option'，'revert'，false）；
} 
}

它们不应该相互影响

模态按钮不可见，因为它有类

隐藏的xs

，大多数人都是通过jsFiddle更窄的结果窗格查看的

除此之外，它们应该同时工作。如果有些东西不工作，我会首先查看您的控制台，看看页面上是否有任何错误。然后，我会逐一检查每一个，以确保它们仍然有效：

这把小提琴应该很好用：

---

为什么要使用如此旧版本的jQuery和jQuery UI？只需使用bootstrap附带的jQuery和当前版本的jQuery UI就可以解决您的问题。谢谢您的回复。@Samsquanch-我刚刚尝试只使用bootstrap.min.js和/jqueryui/1.10.4/jQuery-UI.min.js以及jQuery/1.11.1/jQuery.min.js。这仍然不起作用。我感谢任何进一步的指导。这就是你建议的两个，对吗？你能更新fiddle上的演示以包含再现问题的完整代码集吗，包括引导库和模式按钮。我没有看到一个在那里，但这是据称打破一切的东西。有很多方法可以添加模态。我们需要看看你在做什么。@Trevor，我也找不到它-只是因为它有类

隐藏的xs

。把你的屏幕放大，或者在我的回答中看到小提琴。谢谢。这确实有效。因此，除了隐藏的xs之外，您没有看到任何其他问题？@user25829，我还可以建议使用其他代码格式，但由于这是现在的“工作代码”，我会接受答案并转到一个新主题。如果您想要帮助构建工作代码，您应该将您的解决方案发布到，看看他们是否可以帮助改进。再次感谢。这是正确的jQueryUI库，对吗？jqueryui/1.10.4/jquery-ui.min.js。我刚刚尝试了这个，但得到了一个控制台错误“Bootstrap的Javascript需要Jquery”和“Jquery未定义”。我看不出我做错了什么。看看我答案中的fiddle中提供的库。他们是对的。谢谢你的帮助，凯尔。现在工作。