を含む文の場合、私は私の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-caption
とoverlay-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時間の作業を行っています。
乾杯!
最も簡単な解決策は、スワイプハンドラ内のアクティブエレメントの 'overlay-caption'から' display:block'インラインCSSを削除して、次のスライドをロードする前にキャプションを隠すことです。 – dreamweiver
@dreamweiverあなたが言っていることをどのように実装するのかはまだ分かりませんが、私は今朝、別の解決策を思いついて、hahaを解説しました。 'display'を変更するのではなく、プロジェクト情報が見える間に別のスライドにスワイプしてしまいました。このようにして、キャプションがスクロールできないため、キャプションのすべてが公開されていることがユーザに分かりません。ご協力いただきありがとうございます! –
うーん、それはユーザーフレンドリーなのか分かりません。とにかくこれを回答として掲示して質問を閉じることができます – dreamweiver