Question

我在本网站的测试页面上设置了Colorbox插件： http://amatoarchitecture.com/new/oakvale.html

前三个大图像包含在标签中，并添加了适当的href和类（从Colorbox演示中复制）。

<p>
   <a style="display: block; width: 497px; height: 427px;" class="group1" href="images/28oakvale1.jpg" Title="Testing, testing, 123...">
      <img class="rsImg" data-rsTmb="images/28oakvale1.jpg" src="images/28oakvale1.jpg" width="514" height="435" />
   </a>
</p>

然而，当我点击链接时，没有启动灯箱。相反，链接只是点击图像本身。

我怀疑两个Jquery插件（Colorbox和RoyalSlider）是冲突的。但是，我不知道如何判断Colorbox是否也正确安装。

Answer 1

稍后使用$(window).load()放置颜色框代码应该有效。

替换此代码：

$(document).ready(function(){
  //Examples of how to assign the Colorbox event to elements
  $(".group1").colorbox({rel:'group1'});
  .
  .
  .

有了这个：

$(window).load(function(){
  //Examples of how to assign the Colorbox event to elements
  $(".group1").colorbox({rel:'group1'});
  .
  .
  .

您可以在这篇文章中详细了解两者之间的区别：window.onload vs $(document).ready()或只是搜索网页。

Colorbox无法正常工作，可能与RoyalSlider冲突

1 个答案: