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

Colorbox code working outside of Umbraco, but not within

本文关键字：工作 在内部 外部 代码 Umbraco 颜色      更新时间：2023-09-26

我们是Umbraco及其内部编码的新手，因此我提前感谢您的耐心和帮助。

简而言之，我们创建了一个"测试"页面，使用一个弹出的颜色框来显示表单。它在测试页面中非常有效。

当试图将代码集成到Umbraco中时，当单击"请求信息"按钮时，表单将以整页形式打开，并且不会显示颜色框。

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

测试环节（工作）：

http://online.saintleo.edu/Colorbox/Untitled-1.html

"请求信息"按钮（右侧黄色）打开整页，而非彩色框的页面示例：

http://online.saintleo.edu/academics/masters-programs/master-of-accounting-（macc）.aspx

我花了整个周末的时间试图找到解决方案，希望尽快解决这个问题。

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

这看起来像是如何在Umbraco中实现脚本的问题。只要查看Chrome的浏览器检查器，我就可以看到你的脚本找不到颜色框对象，这意味着有什么东西阻止了库的可用性。这通常是因为依赖的javascript库失败了。

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

您需要做以下几件事：

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

根据您的Umbraco实现：

  • 如果您使用母版页，请使用ContentPlaceholder允许模板将javascript文件引用放到页面底部
  • 如果您使用的是MVC视图，请使用页脚section执行相同操作
相关文章：