javascript - Drupal 8 和 colorbox

Question

有人有在 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 覆盖:(

谢谢

Answer 1

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

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

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

就是这样。