Javascript 原型用户界面中断与我的当前代码，可以'；我修不好！

在一个“可拖动的Windows界面”上工作了3天之后，我发现核心不允许我在一个页面上创建多个窗口

我决定切换到原型UI界面，但它似乎打断了我当前的Jquery代码，有没有办法解决这个问题

这是Web Console在附加原型UI JS文件时显示的错误：

[16:39:42.443] $("BODY") is null @ http://XXX.XXX/smart_panel/res/main.js:4

因此，基本上这就是产生问题的代码：（Jquery bg图像拉伸器）

在我尝试删除这个之后，我在下一个JQuery插件上遇到了另一个错误（$（“#dock2”）为null）

当你不是JavaScript专业人士时，反复尝试真的很令人沮丧（我认为实践是最好的学习过程）

因此，删除这三行之后：

<script type="text/javascript" src="res/prototype.js"></script>
<script type="text/javascript" src="res/effects.js"></script>
<script type="text/javascript" src="res/window.js"></script> 

这是原型用户界面的文件，一切都很正常，我没有收到任何错误，那么有没有任何方式，这个界面设计成一个独立的工作没有任何其他JS/JQ脚本？我不这么认为，这就是为什么我需要你的帮助

以下是原型用户界面的链接：

如果没有办法修复它，有人能推荐一个好的可拖动窗口插件，让我在一个页面上创建多个可调整大小的可拖动窗口吗\

致以最良好的祝愿，

---

Rico S.

如果您试图在同一页面中使用jQuery和Prototype，您将不得不面对这样一个事实，即只有其中一个会在争夺“$”的斗争中获胜。听起来像是在jQuery之后导入原型，这意味着期望“$”成为jQuery主函数的代码实际上是原型的“getElementById”快捷方式

我不记得Prototype是否有冲突预防挂钩，但jQuery肯定有。您可以做的是在导入jQuery库之后，添加一个小的

块，如下所示：

<script> jQuery.noConflict(); </script>

jQuery.noConflict（）；

在这一点之后，库可以共存，但是所有想要执行jQuery的代码都必须使用函数名“jQuery”，而不是“$”

你可能想调查一下这个问题。其中有一个“对话框”小部件，可以（或可以）拖动和调整大小。我不知道页面上是否可以同时出现多个这样的对话框，主要是因为这是一个糟糕的用户界面模式（在我看来），我永远不会这样做

<script> jQuery.noConflict(); </script>