Colorbox 不工作，可能与 RoyalSlider 冲突

Question

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

前三个大图像被包装在一个标签中，并添加了适当的 href 和 class（从 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>

但是，当我点击 link 时，没有启动灯箱。相反，link 只是点击进入图像本身。

我怀疑这两个 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'});
  .
  .
  .

您可以通过此 post 了解更多关于两者之间的区别：window.onload vs $(document).ready() 或简单地搜索网络。

Colorbox 不工作，可能与 RoyalSlider 冲突

Colorbox not working, possibly conflicting with RoyalSlider

javascript

jquery

colorbox