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/