我试图使用名为ColorBox的Jquery Lightbox(http://colorpowered.com/colorbox/),但我遇到了一些麻烦。Jquery ColorBox:使用next和previous按钮显示内联内容
我想使用灯箱显示内嵌内容,但也有下一个和上一个按钮出现。这样,就像在照片库中一样,我将能够浏览与下一个和上一个按钮共享相同rel属性的所有项目。
到目前为止,我的代码有点工作。但似乎所有具有相同rel属性的元素都不被识别。事实上,他们只有在我预先点击下一个和上一个按钮时才会出现。
这里是我的HTML
<div id="galcontainer">
<div class="element">
<a href="link.php" rel="Catalogue" cbx="Catalogue1" class="cbx">
<img src="image.jpg" />
</a>
<div style="display:none">
<div id="Catalogue1">
Content Goes Here
</div>
</div>
</div>
<div class="element">
<a href="link.php" rel="Catalogue" cbx="Catalogue27" class="cbx">
<img src="image.jpg" />
</a>
<div style="display:none">
<div id="Catalogue27">
Content Goes Here
</div>
</div>
</div>
...
</div>
这里是jQuery代码:
$("a.cbx").click(function(){
var divtoload=$(this).attr("cbx");
var cbxgroup=$(this).attr("rel");
$(this).colorbox({rel:cbxgroup, width:"70%", maxWidth:"720px", inline:true, href:"#"+divtoload});
})
不知道我是否明白你在问什么。你说“..也有下一个和上一个按钮出现”。这是否意味着你的问题没有出现下一个和上一个按钮?但是在你的下一句话中,你会说“......事实上,他们只会在我预先点击下一个和上一个按钮时出现”...... – ericbae