0

私はこのワードプレスのeコマースサイトをここ/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 に答える