2016-03-06 84 views
1

有没有人有在Drupal 8中设置Colorbox的实际经验?我尝试使用“常用”功能,因此在单击图像缩略图后,它将通过叠加Colorbox窗口打开。Drupal 8和colorbox

我已经安装了我所发现的与Colorbox相关的所有内容,但没有成功。

在页面代码中,我可以看到:

<a href="/path/to/img.jpg" class="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相关的问题。

但如果我单击图像加载一个新的页面,没有任何彩盒覆盖:(

感谢

+0

我试过这个干净的安装,它工作正常;你是否尝试改变主题,或者在'/ admin/config/media/colorbox'上重新提交管理设置表单? –

+0

好点 - 我注意到在Bartik主题下它工作正常。 A元素中还有一个类,但是当我使用Firebug添加同一个类时,它不起作用。 这是根据tempalte调整我的模板中的字段使用colorbox完全创建。 我要进一步调查。 –

+0

好的 - 深入调查的结果是,它在每个主题都适用,但我的。我有从梅奥派生的子主题。我不知道那里有任何重大变化。我没有比较在这两个主题下创建的页面的html代码,并且没有发现显着差异(A和IMG元素的相同属性,加载了相同的JS文件)。 有一个关键的区别 - 在Firebug中,我可以看到additionl _cboxElement_类被添加到“working”A元素 - 但是如果我打开页面的HTML源代码,它就不存在了。 –

回答

0

所以finaly A元素 - 由于从亚兰Boyajyan谁指出我检查的其他意见我意识到我应该回到学校,或者至少回到没有CMS或框架的好时代,我们应该通过w3c验证器来传递代码,以自豪地展示关于我们的酷图标网站合规;-)

如果我会这样做,一旦我已经更新每个模板文件它会sav我3个晚上的调查。

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

就是这样。