2016-05-25 11 views
0

を含む文の場合、私は私のswiperスライドの一つがswiper-slide-activeのクラスを持っている時はいつでも、HTML要素に.toggleClassを呼び出すようにしようとしています。これは、すべてのスライドではなく、1つのスライドに同時にテキストを表示できるようにするためです。Swiper jQueryの<a href="http://idangero.us/swiper/#.V0Vlq5MrJFw" rel="nofollow">Swiper</a>を使用して、裏話の小説を書かなく.hasClassと.toggleClass

ここでは、私が説明しているもののビジュアルです:studioyonis.com - 下部のキャプションをクリックしてプロジェクト情報が表示されたら、RTLをドラッグすると、2番目のプロジェクトのプロジェクト情報が短時間でも見ることができます。私が持っている他のコードのために(正しく)消えますが、私はそのスライドのキャプションをクリックするまで表示したくありません。

アクティブなスライドを1つにして後続のクリック機能を設定するためにif文を試してきましたが、動作していないため、私の人生でそれを理解できません。 JQueryは何らかの理由でswiper-slide-activeが表示されないことがありますか?

ここに私のHTML構造のサンプルがあります。このような7つの異なるスライドがあります。すべてがoverlay-captionoverlay-caption-boxクラスです。

<div class=“swiper-slide”> 
    <div class=“caption-box information-00”> 
    <a class=“caption links”> 
     Text Text Text Text Text Text 
    </a> 
    <div class=“overlay-caption-box”> 
    </div> 
    </div> 
    <div class=“overlay-caption”> 
    <div class=“project-information”> 
     Text Text Text Text Text Text Text Text Text Text Text Text 
    </div> 
    </div> 
</div> 

これはうまくいけばよいと思います。今日このサイトでは、夜の終わり近くにこの問題を実現するために長い10-12時間の作業を行っています。

乾杯!

+0

最も簡単な解決策は、スワイプハンドラ内のアクティブエレメントの 'overlay-caption'から' display:block'インラインCSSを削除して、次のスライドをロードする前にキャプションを隠すことです。 – dreamweiver

+0

@dreamweiverあなたが言っていることをどのように実装するのかはまだ分かりませんが、私は今朝、別の解決策を思いついて、hahaを解説しました。 'display'を変更するのではなく、プロジェクト情報が見える間に別のスライドにスワイプしてしまいました。このようにして、キャプションがスクロールできないため、キャプションのすべてが公開されていることがユーザに分かりません。ご協力いただきありがとうございます! –

+0

うーん、それはユーザーフレンドリーなのか分かりません。とにかくこれを回答として掲示して質問を閉じることができます – dreamweiver

答えて

0

displayを変更する代わりに、プロジェクト情報が表示されている間に、別のスライドにスワイプしてしまっただけです。このようにして、キャプションがスクロールできないため、キャプションのすべてが公開されていることがユーザに分かりません。これにより、ユーザーはすばやくスワイプするのではなく、各プロジェクトの速度を遅くして見せなければなりません。そのポートフォリオサイト以来、おそらくこれは良いことです。

関連する問題

 関連する問題