Javascript 颜色框代码在Umbraco之外工作，但不在Umbraco之内

我们对Umbraco和它的编码是新的，所以我提前感谢您的耐心和帮助

简而言之，我们创建了一个“测试”页面，使用一个颜色框弹出窗口来显示表单。它在测试页面中工作得非常好

尝试将代码集成到Umbraco中时，单击“请求信息”按钮时，表单将打开一整页，并且颜色框不会显示

如果您能提供任何帮助，我将不胜感激

测试链接（工作）：

“请求信息”按钮（右侧黄色）打开整页而不是色框的页面示例：

我花了整个周末试图找到解决办法，希望尽快解决这个问题

---

提前感谢您，我感谢您的时间和帮助。

您在Umbraco中实现脚本的方式似乎有问题。只需查看Chrome的浏览器检查器，我就可以看到您的脚本无法找到colorbox对象，这意味着有什么东西阻止了库的可用性。这通常是因为依赖javascript库失败

查看源代码，您正在页面底部加载所有jQuery库。这是一个很好的实践，但是您已经将第二个jQuery文件引用、colorbox文件引用和自定义colorbox代码放在了页面的头部

您需要做几件事：

• 从页面头部删除jQuery引用
• 在所有其他javascript文件引用之后，将colorbox文件引用移动到页面底部。您可以将colorbox CSS文件引用保留在头部
• 在所有其他javascript文件引用之后，将自定义颜色框代码移动到。我通常将这种代码放在一个单独的文件中

根据您的Umbraco实施情况：

• 如果您使用的是母版页，请使用

  ContentPlaceholder

  允许模板将javascript文件引用放到页面底部
• 如果您使用的是MVC视图，请使用页脚

  部分

  执行相同操作

---

感谢您抽出时间提供帮助。我想我已经完成了你的要求，但是，我仍然得到了完整的页面，而不是彩色框弹出窗口。需要注意的一点是，开发人员用于构建站点的jQuery版本是1.5.2。当我尝试在Umbraco之外使用此版本测试配色箱时，它也不起作用。我创建的测试页面使用1.9.1。当我尝试替换main.master文件中的1.5.2时，它会破坏站点。我还不熟悉ContentPlaceHolder的概念，所以不确定我是否还需要尝试。你能再看一下吗？非常感谢。看起来您所做的更改已经删除了google analytics脚本的结束标记。Digbyswift-我真是太感谢您了。我是新手，整个周末都在努力解决这个问题。它终于起作用了。你是救命恩人。非常感谢你抽出时间来帮助我！