0

我在这里有这个 wordpress 电子商务网站 /products-page/rings/product-1-2/ 我正在使用一个名为 jquery-colorbox 的插件，正如你从页面链接中看到的那样，我有 4 个图像，2 个是相同的，当您单击任何图像时，它会说画廊有 3 张图像（这是真的），但其中 1 张是重复的。是否可以从 jquery-colorbox 中删除重复项？我试图用谷歌搜索它，但一无所获:(

如果有人能让我朝着正确的方向前进，我将不胜感激。

这是我的代码，如果有帮助

<div class="imagecol">
<a class="preview_link cboxElement" style="text-decoration:none;" href="/wp-content/uploads/2012/07/DSC_0118.jpg" rel="Teardrop Druzy Amethyst Ring">
<img id="product_image_736" class="product_image colorbox-736" width="400" src="/wp-content/uploads/2012/07/DSC_0118.jpg" title="Teardrop Druzy Amethyst Ring" alt="Teardrop Druzy Amethyst Ring">
<br>
<div style="text-align:center; color:#F39B91;">Click To Enlarge</div>
</a>
<div class="wpcart_gallery" style="text-align:center; padding-top:5px;">
<a class="thickbox cboxElement" title="DSC_0118" href="/wp-content/uploads/2012/07/DSC_0118.jpg" rel="Teardrop Druzy Amethyst Ring" rev="/wp-content/uploads/2012/07/DSC_0118.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" title="DSC_0118" alt="DSC_0118" src="/wp-content/uploads/2012/07/DSC_0118-50x50.jpg">
</a>
<a class="thickbox cboxElement" title="P7230376" href="/wp-content/uploads/2012/07/P7230376.jpg" rel="Teardrop Druzy Amethyst Ring" rev="/wp-content/uploads/2012/07/P7230376.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" title="P7230376" alt="P7230376" src="/wp-content/uploads/2012/07/P7230376-50x50.jpg">
</a>
<a class="thickbox cboxElement" title="P7230378" href="/wp-content/uploads/2012/07/P7230378.jpg" rel="Teardrop Druzy Amethyst Ring" rev="/wp-content/uploads/2012/07/P7230378.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" title="P7230378" alt="P7230378" src="/wp-content/uploads/2012/07/P7230378-50x50.jpg">
</a>
</div>
</div>

我将此添加到我的<head></head>部分

<script type="text/javascript">

    $(document).ready(function(){
        var srcs = [],
            temp;
        $(".attachment-gold-thumbnails img").filter(function(){
            temp = $(this).attr("src");
            if($.inArray(temp, srcs) < 0){
                srcs.push(temp);   
                return false;
            }
            return true;
        }).remove();
    });

    </script>

它仍然没有工作:(

4

2 回答 2

1

复制了代码，但在这里仍然如此：

$(function(){
    var srcs = [],
        temp;
    $(".attachment-gold-thumbnails img").filter(function(){
        temp = $(this).attr("src");
        if($.inArray(temp, srcs) < 0){
            srcs.push(temp);   
            return false;
        }
        return true;
    }).remove();
});

详情请查看来源：

于 2012-09-04T14:46:19.020 回答
0

你可以使用这个 jQuery 代码来达到这个目的：

var arrayImgsColorbox = new Array();

$('.cboxElement').each(function(i, obj){
    if($.inArray($(obj).attr('href'), arrayImgsColorbox ) > -1)
        $(obj).removeClass('cboxElement');
    else
        arrayImgsColorbox[i] = $(obj).attr('href');
});
于 2013-11-08T15:56:34.270 回答