問題タブ [swiper]

コードはたくさんありますが、問題は次のように要約できます。

HTML を含む 2 つのファイルを取得しました。そのうちの 1 つ (main.html) には、モバイルとデスクトップで完全に動作する 2 つのスワイパー (indexSwiper、testimoniesSwiper) があります。その後、次のファイル (events.html) でこれらのスワイパーの 1 つを複製したいと思いますコードをこのファイルに持ってきて、コンテンツを変更するだけです（スワイパー内のテキストだけですが、構造はまったく同じです）。

ただし、モバイル上のこの 2 番目のスワイパーはタッチ イベントを検出しないか、少なくとも指でスワイプしても何もしません。ウィンドウ上のパス名を探す JS ファイルを取得しました。

このパス名が main.html の場合、on.ready を実行します。events.html の場合、他のことを実行します (以前に作成した関数を使用してスワイパー オブジェクトを作成します)。私が見逃している可能性があるものは何ですか？

RSS フィードをスライダーに読み込もうとしています。スライダーはループ モードになっているため、このモードでは無限にスクロールし、最初のスライドが最後のスライドの後に繰り返されます。つまり、私の RSS スライドには実際には 2 つのスライドがあります。

問題は、div が 1 つある場合にのみコンテンツが読み込まれることです。

RSSファイルをロードする私のjQuery：

kantivi_rss.php ファイルは単なる RSS ローダーであり、コンテンツをエコーし​​ます。これはすべて機能します

スライダー コンテンツでフィードをロードする必要がある部分は次のようになります。

スライダーをループに入れない場合、スライダーは1つだけになります

そしてそれはうまくいきます。ただし、ループ モードでは、<div id="rssblok">div を含む 2 つのスライドがあるため、RSS コンテンツは読み込まれません。

うまくいけば、問題は明確ですが、これを修正するにはどうすればよいですか?

折りたたみ可能なコンテナー (Bootstrap または jQuery モバイル) 内にあるものを除いて、正常に動作する Swiper の複数のインスタンスをページに追加しようとしました。表示されている最初のパネルのスワイパーのみがうまく機能し、残りは機能しません。

親コンテナが表示されていない場合、Swiper は初期化できないようです。回避策をいただければ幸いです。

コード例は次のとおりです。

});

セミワーキング JSFiddle

次のようなディレクティブから属性を取得するにはどうすればよいですか:

以下のこのコントローラーに: (下の mode:'horizo​​ntal' を属性に置き換えるか、上の HTML のインライン属性を下の属性とマージしたい..

iDangerous Swiper プラグインを使用しています。ajax メソッドですべてのスライドを定期的に変更する必要があります。同じことを行うための最良の方法は何でしょうか。

IE 9/10 の iDangerous レスポンシブ スワイパーに問題があります。

(私が思うに)すべてのスライドを含む要素の幅が正しく計算されていないため、最後のスライドが最初のスライドの下にドロップダウンしています。

http://jsfiddle.net/Msffg/

私は単純なスワイパー関数を呼び出しています:

$(window).on('resize'); で resizeFix() を呼び出します。

この問題は特定のウィンドウ サイズでのみ発生するため、ビューポートのサイズをすばやく変更すると問題が明らかになります。

ありがとう

編集:ウィンドウのサイズが変更されているときに、スクリプトがトリガーされ、正しく実行されます。どうもありがとうСърГеоргиДемирев！

私は長い間問題について熟考してきましたが、それを把握することができないようです. 写真ポートフォリオ サイトでは、iDangero.us Swiper をスライドショーに、JQuery Isotope をサムネイル ギャラリーに使用しています。

現在、Linux と Windows 7 の Firefox と Chrome で問題なく動作します。

ただし、IE、Safari、および Opera では、グリッド項目はグリッドではなく垂直線で表示されます。

エラーを見つけるために、コードの Swiper 部分を削除すると Isotope がこの動作を停止することがわかるまで、すべてのコードを削除しました。

親 div の高さは 0 ピクセルです。これらを固定の高さ (1000px または 100% など) に変更しても、何も変わりません。

• 元のサイトは次のとおりです: http://anthron.octans.uberspace.de/meta.php

• エラーが発生する最小限の例を次に示します。

• http://anthron.octans.uberspace.de/meta.debug.php

• そして最小限のソースコード: http://pastebin.com/H6t9bbNC

編集: これは Сър Георги Демирев の提案の実装です:

• http://anthron.octans.uberspace.de/meta.debug.2.php

現在は機能していますが、グリッド アイテムの後の右マージンはなくなり、ウィンドウのサイズ変更後にのみ戻ります。しかし、もう一歩。

私はどんな提案にもとても感謝しています、私はこれについて全く無知です...

Bootstrap、idangero.us swiper、leaflet.js を使用して Web アプリを開発しています。上にナビゲーション バー (50px) があり、下に id="swiper-area" があります。これには、「高さ: 100% - ナビゲーション バーの高さ」が必要です。私はCSSでこれをやっています：

これは、デスクトップ ブラウザーでは正常に機能します。しかし、ほとんどのモバイル ブラウザー (特に Android) は CSS calc を解釈できないため、マップがめちゃくちゃになります。

jQueryでこの動作を実現するにはどうすればよいですか? ご提案ありがとうございます。