【问题标题】:Arrows not showing in jQuery colorbox箭头未显示在 jQuery 颜色框中
【发布时间】:2020-04-21 04:59:42
【问题描述】:

我在我的网站上使用 jQuery 颜色框 (http://www.jacklmoore.com/colorbox/example5/)。 而且我将我的图像分组在同一个班级中。灯箱本身可以工作,只是其中没有NEXT/PREV 按钮。 当我调试它时,我看到它显示:

id="cboxPrevious" style="display:none;" 
id="cboxNext" style="display:none;"

这是我的代码:

<div class="diagram">
    <div><a href="IMAGE URL" class="group1 cboxElement"><img src="IMAGE URL"></a></div>
    <div><a href="IMAGE URL" class="group1 cboxElement"><img src="IMAGE URL"></a></div>
</div>

我可以知道出了什么问题吗?

谢谢。

【问题讨论】:

  • 这是 JS:$('.group1').colorbox();

标签: jquery lightbox colorbox


【解决方案1】:

也许使用的库有一些设置来显示导航按钮。更详细地检查它的文档,但是对于这个问题,下面的代码也可以工作:

.cboxPrevious, .cboxNext {
    display: block !important;
}

【讨论】:

  • $(selector).colorbox({arrowKey: true});使用此设置来启用它。您可以在这里查看完整的文档:jacklmoore.com/colorbox
  • 谢谢 Saeed,是的,我已经参考了文档并按照示例进行操作,但它仍然无法正常工作...(在设置 arrowKey: true 这也是默认值之后)。
  • 可能需要看完整代码,可以的话请提供codeSanBox或者codepen sn-p,直接看问题:)
  • 对不起..我刚刚意识到最重要的 JS 是错误的..“rel”丢失了。无论如何,谢谢您的关注:)
猜你喜欢
  • 1970-01-01
  • 2023-03-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-10-03
相关资源
最近更新 更多