Question

我正在使用Colorbox here。

如果您查看设置，我在一个页面上有多个组。我已经将他们的小组分别确定为1到9组。但是当我点击第二个和第三个项目时，它会根据作者的代码显示它的方式。我希望一切都以与Group1相同的方式显示（这是一个弹性过渡）。但是，如果我把所有东西都归入Group1，那么它们都将成为同一个图库的一部分，我不希望这样。

<h2>OAC Walkthrough</h2> <!--Elastic Transition-->
<p><a class="group1" href="content/ohoopee1.jpg" title="OAC Welcome Page">OAC Welcome Page</a></p>
<p><a class="group1 hidden" href="content/ohoopee2.jpg" title="OAC Page 2">OAC Page 2</a></p>
<p><a class="group1 hidden" href="content/ohoopee3.jpg" title="OAC Page 3">OAC Page 3</a></p>


<h2>FAFSA Walkthrough</h2> <!--Elastic Transition-->
<p><a class="group2" href="content/ohoopee1.jpg" title="FAFSA Welcome Page">FAFSA Welcome Page</a></p>
<p><a class="group2 hidden" href="content/ohoopee2.jpg" title="FAFSA Page 2">FAFSA Page 2</a></p>
<p><a class="group2 hidden" href="content/ohoopee3.jpg" title="FAFSA Page 3">FAFSA Page 3</a></p>

<h2>FAFSA PIN Walkthrough</h2> <!--Elastic Transition-->
<p><a class="group3" href="content/ohoopee1.jpg" title="PIN Welcome Page">PIN Welcome Page</a></p>
<p><a class="group3 hidden" href="content/ohoopee2.jpg" title="PIN Page 2">PIN Page 2</a></p>
<p><a class="group3 hidden" href="content/ohoopee3.jpg" title="PIN Page 3">PIN Page 3</a></p>

我该如何解决这个问题？

Answer 1

事实证明，代码的标签中有以下代码......

$(".group1").colorbox({rel:'group1'});
$(".group2").colorbox({rel:'group2', transition:"fade"});
$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
$(".group4").colorbox({rel:'group4', slideshow:true});

我只是删除了第2组，第3组和第4组，并采用了第1组的命名法并重复它看起来像这样......

$(".group1").colorbox({rel:'group1'});
$(".group2").colorbox({rel:'group2'});
$(".group3").colorbox({rel:'group3'});
$(".group4").colorbox({rel:'group4'});
$(".group5").colorbox({rel:'group5'});
$(".group6").colorbox({rel:'group6'});
$(".group7").colorbox({rel:'group7'});
$(".group8").colorbox({rel:'group8'});
$(".group9").colorbox({rel:'group9'});

...因为我共有9个小组。现在一切都很好。

Colorbox - 无法保持多个组没有错误

1 个答案: