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：在那里，但是箭头仍未显示。有什么想法吗？

谢谢...

Answer 1

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

<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/

jQuery彩盒上没有下一个/上一个按钮

2 个答案: