3

スタイル時にクラスカラーボックスを削除しようとしていますdisplay:none

誰か助けてくれませんか、ありがとう

HTML

    <li class="portfolio-item" style="display: none;">
    <div class="item-image">
        <a class="colorbox cboxElement" href="http://www.monsite.fr/IMG_1423.jpg""></a>
    </div>
</li>
<li class="portfolio-item" style=" ">
    <div class="item-image">
        <a class="colorbox cboxElement" href="http://www.monsite.fr/IMG_1424.jpg""></a>
    </div>
</li>

jQuery

    jQuery(document).ready(function($){
$(".portfolio-item .item-image a[href$='.jpg']").colorbox({
    rel:"group2",
    maxWidth:"80%", 
    maxHeight:"80%"});


    if($('.portfolio-item').css('display') == 'none'){ 
       $('.portfolio-item').find(".item-image a[href$='.jpg']").removeClass('colorbox'); 
    } 

});

編集

ご協力ありがとうございますが、私はこれを試しました

jQuery(document).ready(function($){
    $(".portfolio-item .item-image a[href$='.jpg']").colorbox({
       rel:"group2",
    maxWidth:"95%", 
    maxHeight:"95%"});  

    $('li.portfolio-item').filter(':hidden').map(function() {
        $(this).find('a.colorbox').removeClass('colorbox');
    });     
});

しかし、うまくいきません。

4

2 に答える 2

0

まず、マークアップを修正します。次に、次のことができます。

$('li.portfolio-item').filter(':hidden').map(function() {
  $(this).find('a.colorbox').removeClass('colorbox');
});
于 2013-06-14T12:40:32.740 に答える