iDangerous Swiper 2：最初と最後のスライドのCSS /スタイルの変更

Question

私は左の不透明度と右の矢印を変更しようとしているSwiper（v2.7.6）ともjQueryの（v1.10.1）

の古いバージョンで作業厳密よ最初または最後のスライドがアクティブなとき。 （左矢印は最初のスライドの場合は不透明度が低く、最後のスライドの場合は右矢印と同じです）

中間のスライドの場合、矢印は完全な不透明度に戻ります。
残念ながら、これを解決する

ここに私の現在のjQueryのコードです：。

if ($(".swiper-slide:eq(0)").hasClass("swiper-slide-active")) { 
    $(".arrow-left").css("opacity","0.2"); 
} 
else { 
    $(".arrow-left").css("opacity","1"); 
} 

HTMLは次のとおりです。Swiper 2用

<div class="swiper-container"> 
    <a class="arrow-left" href="#"></a> 
    <a class="arrow-right" href="#"></a> 

    <div class="swiper-wrapper"> 
    <div class="swiper-slide"></div> 
    <div class="swiper-slide"></div> 
    <div class="swiper-slide"></div> 
    </div> 

</div> 

APIドキュメントはを見つけることができます。

ありがとうございます。

Answer 1

私はSwiperはすでにあなたはswiperインスタンスを作成するときに矢印が含まれているhtml要素を指定して、あなたのためにこれを扱うと思う

(function() { 
var swiper = new Swiper('.swiper-container', { 
    nextButton: '.arrow-right', 
    prevButton: '.arrow-left', 
    ... 

}); 
})(jQuery);