0

我们是 Umbraco 和在其中编码的新手,所以我提前感谢您的耐心和帮助。

简而言之,我们使用颜色框弹出窗口创建了一个“测试”页面来显示表单。它在测试页面中完美运行。

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

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

测试链接(工作):

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

“请求信息”按钮(右侧黄色)打开整页而不是颜色框的页面示例:

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

我整个周末都在试图找到解决方案,希望尽快解决这个问题。

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

4

1 回答 1

0

这看起来像是您如何在 Umbraco 中实现脚本的问题。只需查看 Chrome 的浏览器检查器,我就可以看到您的脚本无法找到颜色框对象,这意味着某些东西阻止了库可用。这通常是因为依赖的 javascript 库发生故障。

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

您需要做几件事:

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

根据您的 Umbraco 实施:

  • 如果您使用母版页,请使用 aContentPlaceholder允许模板将 javascript 文件引用放到页面底部;
  • 如果您使用的是 MVC 视图,请使用页脚section执行相同操作
于 2013-08-12T08:50:19.640 回答