jQuery colorbox上没有下一个/上一个按钮

Question

我在我的网站上使用jQuery colorbox（ http://www.jacklmoore.com/colorbox/example3/ ）。 而且我正在尝试添加多个iframe框。 除了没有NEXT / PREV按钮外，它都在工作。

这是我的代码：

<script>
$(document).ready(function(){
    $('#group1').colorbox({
        arrowKey: true,
        open: true,
        opacity: 0.5,
        iframe: true,
        innerWidth:1000,  
        innerHeight:600,
        scrolling:false,
        rel:"group1"
        }); 
});
</script>

<a id="group1" href="http://tokobagus.com">Tokobagus</a>
<a id="group1" href="http://berniaga.com">Kaskus</a>

如您所见，那里有arrowKey：true，但是箭头仍然没有显示。 任何想法？

谢谢...

Answer 1

由于id是唯一的，请尝试将其更改为两个锚点的class：

<a class="group1" href="http://tokobagus.com">Tokobagus</a>
<a class="group1" href="http://berniaga.com">Kaskus</a>

并使用$('.group1')代替$('#group1')

Answer 2

只是您必须使用class而不是id 。 检查解决方案

http://jsfiddle.net/2kda6/