javascript - jQuery 颜色盒上没有下一个/上一个按钮

Question

我在我的网站上使用 jQuery colorbox ( http://www.jacklmoore.com/colorbox/example3/ )。我正在尝试添加多个 iframe 框。它正在工作，只是其中没有“下一个/上一个”按钮。

这是我的代码:

<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 是唯一的，请尝试将其更改为两个 anchor 的类:

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

并使用 $('.group1') 而不是 $('#group1')