Drupal 8 和彩盒答案

【问题标题】：Drupal 8 and colorboxDrupal 8 和彩盒
【发布时间】：2016-03-06 11:41:13
【问题描述】：

有人有在 Drupal 8 中设置 Colorbox 的实际经验吗？我正在尝试使用“通用”功能，因此在单击图像缩略图后，它将打开覆盖 Colorbox 窗口。

我已经安装了我发现的与 Colorbox 相关的所有东西，但没有成功。

在页面代码中我可以看到：

<a href="/path/to/img.jpg" class="colorbox">

还有一组colorbox相关的JS文件：

 <script src="/core/assets/vendor/jquery/jquery.min.js?v=2.1.4"></script>   
<script src="/libraries/colorbox/jquery.colorbox-min.js?v=8.0.5"></script>
    <script src="/modules/colorbox/js/colorbox.js?v=8.0.5"></script>
    <script src="/modules/colorbox/styles/plain/colorbox_style.js?v=8.0.5"></script>
    <script src="/modules/colorbox_inline/js/colorbox_inline.js?o3m4ww"></script>
    <script src="/modules/colorbox_load/js/colorbox_load.js?o3m4ww"></script>

所有文件都位于上述 src 属性中所述的位置。 Firebud 也没有显示任何与 JS 相关的问题。

但是，如果我单击该 A 元素，图像将作为新页面加载，没有任何 Colorbox 覆盖:(

谢谢

【问题讨论】：

我在全新安装时尝试了这个，它工作正常；您是否尝试更改主题，或在/admin/config/media/colorbox 上重新提交管理员设置表单？
好点 - 我注意到在 Bartik 主题下它工作正常。 A 元素中还有一个类，但是当我在我的那里使用 Firebug 添加同一个类时，它不起作用。它基于模板调试我的模板 si 中的字段完全使用颜色框创建。我将进一步调查。
OK - 深入调查发现它适用于除我之外的每个主题。我有来自 Mayo 的子主题。我不知道那里有任何重大变化。我确实比较了在两个主题下创建的页面的 html 代码，没有发现显着差异（A 和 IMG 元素的属性相同，加载的 JS 文件相同）。有一个关键区别 - 在 Firebug 中，我可以看到添加到“工作”A 元素的附加 cboxElement 类 - 但如果我打开页面的 HTML 源代码，它就不存在了。
我会重新创建子主题的基础（逐个元素复制/粘贴），并在每次测试后查看问题是否仍然存在。一定有什么东西在干扰它。
是的，我已经意识到键类 cboxElement 被“即时”添加（在呈现页面后），但不在我的模板中。我必须按照你的建议进行这种调试。

标签： javascript drupal colorbox drupal-8

【解决方案1】：

最后 - 感谢 Aram Boyajyan 的 cmets 指点我检查其他主题的工作情况，我意识到我应该回到学校。或者至少回到没有 CMS 或框架的美好时光，我们应该将代码通过 w3c 验证器，以自豪地显示关于我们网站合规性的酷图标 ;-)

如果我在更新每个模板文件后就这样做，我可以节省 3 晚的调查时间。

总结一下——由于缺少一些关闭的 div 元素，Colorbox 无法正确更新相应的元素，因此无法按预期工作。

就是这样。

【讨论】：