問題タブ [royal-slider]

ちょっと、私が正しく理解できない単純なものがあります。

私が取り組んでいるサイトにロイヤル スライダーを実装しています。ラップトップの画像内で実行しています。画像をスクロールして、各画像の下部にキャプションがあるようにしたいです。私は単純な画像を使用しているだけなので、ここのドキュメントでは、画像で alt を使用するだけでプラグインがそれを取得することを推奨していますが、そうではありません。

私のHTMLは次のようになります：

ロイヤルスライダーの設定は次のとおりです。

ロイヤルスライダー使ったことある人いる?? または、あなたが乗り越えた同様の状況がありましたか?? 私はこれと似たようなものを使ってみました

クラス「rsCaption」が存在するようにしますが、それは画像間に新しいスライドを作成するだけです

資力

プラグインとしてRoyalSliderを使用しています。ドキュメントと APIへのクイック リンクは次のとおりです。

私のサイトでは、スライダーはheight: 100%; width: 100%フルスクリーン スライダーとして機能します。

コンテンツ構造

私のサイトの構造は非常に単純です。カバーとして使用するスライドがあり、それら.coverを と呼びましょう。それぞれのスライドに、より多くの情報を含むスライドが続きます。それらを呼びましょう.sub。

分かりやすい場合は、ここでライブサイトを確認できます。

サブ スライドを追加する関数内で、右側にスクロール アップ、スクロール ダウン、および現在のスライドを閉じる 3 つのボタンを作成します。下にスクロールするとうまくいきます。(こちらのmain.jsファイルの 177 行目を確認してください)

問題

ブラウザーは、各ボタンを独自の親にバインドするのではなく、選択したすべての$(p.sl_button)ボタンを同じサブスライドにバインドします。

説明するのは難しく、試すのは簡単です。たとえば、次の場合：

1. サブスライド番号 5 を開く
2. サブスライド番号 2 を開く
3. サブスライド番号 5 までスクロールします
4. 閉じるボタン（赤い背景のX）をクリックします

システムが「壊れる」。サブスライド番号 5 を閉じる代わりに、サブスライド番号 2 を閉じます (前回、上記の関数が呼び出されました。

この問題を解決するにはどうすればよいですか?

サブスライドのボタンをバインドするために使用するコード:

私のバグを再現するためにさらに情報が必要な場合は、お気軽にお問い合わせください。このトピックに関する助けやヒントをいただければ幸いです。私の問題を掘り下げてくれたみんなに前もって感謝します。

» RoyalSlider のドキュメントと API

» ウェブサイトのライブバージョン

» 私の Javascript / jQuery ファイル

RoyalSlider に次のラッパーを使用しています

最初の rsContent の data-attribut の値を確認したいので、次のコードを使用します

$('.rsContent').eq(0);また$('.rsContent').first();

これまでのところうまくいきますが、試してみると

$('.rsContent').eq(0).data('color');また$('.rsContent').eq(0).attr('class');

Jquery が返す

undefined

何か案は ？

TextillateスクリプトをRoyalsliderに統合しようとしていますが、最初の読み込み時にすべてのスライドではなく、スライドの変更時に Textillate を起動するのに問題があります。

以下の「現在の」コードは、スライドが変更されるたびに textillate.js スクリプトを初期化しようとしています。ただし、効果は、配置されているスライドに関係なく、すべての rsABlock (アニメーション化されるテキスト) に適用されています。スライドを移動して変更するときに、個々のスライド (すべてのスライドに 1 つずつあります) の rsABlock で textillate スクリプトが起動するようにします。Royalslider サポート ポータルからのいくつかの非常に基本的なサポートに基づいて「試行」を参照してください。ただし、これは機能していません。

誰でも助けることができますか？

現時点の

試み