問題タブ [swiper]

Swiperというサードパーティのライブラリを使用しています。idangero.us.swiper.js は、「slide」要素が「wrapper」要素の直接の子になると想定しているため、DOM に残っている要素ディレクティブをうまく処理できないようです。

idangerous.swiper.js から:

有効なDOM:

無効な DOM:

ボイラー プレートを削減したり、一部の CSS を集中化したりするためのディレクティブを作成したいと考えていますmyCustomSlide。そのためには、ディレクティブ要素を DOM から除外して、実際の「swiper-slide」要素が_this.wrapper.childNodes. ディレクティブの置換機能を調べました。私の要件に完全に適合するようです。ただし、廃止されたようです。だから使いたくない。

置換 ([非推奨!]、次のメジャー リリースで削除されます - すなわち v2.0)

現在、優先順位を考えています。

1. my-custom-slide ディレクティブを使用しない
2. このユース ケースをサポートするために idangerous.swiper.js を強化するプル リクエストを送信する

DOM から my-custom-slide 要素を削除する非推奨の Angular の方法である 3 番目のオプションをお勧めします。これは存在しますか？存在しない場合、誰かが説明したり、置換機能が廃止された理由についてのドキュメントを教えてもらえますか?

Swiper プラグインに問題があります。http://jsfiddle.net/Lzawws4r/の例を見ると、最初は onSlideClick 関数が正しくトリガーされています。ただし、スワイプすると（上に試してください）、イベントはまったくトリガーされません。問題は何ですか？私のスワイパー設定は次のとおりです。

ループが false に設定されている場合、問題は解決したようです。

流星の動的データで水平方向にスワイプする必要がありますが、それでも単純に機能していません。私のコード:

これはヘルパー機能とスワイパーの登録です

おそらく私の問題を解決する非常に簡単な方法があります...

私の（簡略化された）HTML：

ここで必要なのは、どのリンクがクリックされたかを判別する簡単な方法で、別のページにリダイレクトできるようにすることです。どういうわけか、Swiper API の特定の「onSlideClick」関数では不可能です。

私はこのようなことを試みてきました:

問題: Firebug は私にそれを教えてくれます

未定義です。

JavaScript 経由でリダイレクトする必要があります。そうしないと、すぐにリダイレクトされるため、スワイプが機能しません。

「swiper-pagination-switch」スパンごとにスライドの番号を表示することは可能ですか? (のように: 1,2,3, ...) ?

デフォルトでは、プラグインは次のような HTML の一部を作成します。

次のように、関連するスライドの数を各スパンに挿入したいと思います。

どうすればこれを行うことができますか?

ありがとう。

ページの読み込み後、スワイパーの高さは最初は正しいです。ウィンドウのサイズを小さくすると、スワイパーの高さが正しく再計算されます。ただし、ウィンドウのサイズを大きくすると、ほとんどの場合、スワイパーの高さが正しく計算されず、画像が部分的に非表示になります。ほとんどの場合、特定のウィンドウ サイズでは、高さが正しいことを意味します。

モバイル Chrome および Safari で、向きを変更すると、画像が部分的に非表示になります。コンテンツを上下にスワイプした後でのみ、スワイパーの高さが正しくなり、画像が完全に表示されます。

swiper-container とイメージの幅は、レスポンシブにするために 100% です。

手伝ってくれてありがとう。

----コード-----