問題タブ [swiper]

Jquery Mobile で idangero.us のSwiperを使用しています...

ここでは、コンテンツ スライダーにScroll Container Swiperを使用しています...

コードを一緒に埋め込むという多くの問題に直面しているだけです...

http://jsfiddle.net/keuKu/4/embedded/result/

スクロールバーがデモのように表示されず、スクロールが残したマークにくっついていません...

モバイル Web サイト (jquery モバイルを使用) でスワイプを有効にするために、idangero.us の swiper jquery プラグインを使用していますが、いくつかの問題に直面しています。

スワイパーがスワイプを検出しない場合があり、画面のどこかをタップして、スワイプ ジェスチャの検出を再開する必要があります。

ここにサンプルページがあります

スワイパーの初期化に使用されるコード:

これを理解するのを手伝ってください。

編集：詳細を追加：

• jquery モバイル 1.3.1
• jquery1.8.3
• スワイパー 1.9

ブラウザ：android用chrome(27.0.1453.90)

デバイス: Samsung Galaxy Nexus

swiper を使用してページをスライドさせるデスクトップ アプリケーションがありますが、スライド ページに選択タグを配置すると、選択タグがドロップダウン ボックスをポップできません。よろしくお願いします！ここにデモがあります：

scrollContainer モードの Android デバイスで scrollBar プラグインが機能しない。しかし、IOSでは問題なく動作します。この問題を解決するにはどうすればよいですか?

複数の画像のギャラリーを含む Web サイトを作成しています。これらの画像は基本的に表紙の役割を果たします。クリックすると、そのアイテム内の画像のスライドショーのみを含むライトボックスを開くために Magnific Popup を使用したいと思います (ギャラリー アイテム 1 からギャラリー アイテム 2 などには移動しません...)。 Swiper プラグインを使用してスライドショーをセットアップしましたが、これをポップアップ ウィンドウで開きたいと思います。ポップアップで HTML コンテンツを開くことができることは知っていますが、スライドショー全体を含む div についてはどうでしょうか? それは論理的に思えますが、私はそれを機能させることができません。

ここで初めて質問するので、エチケットを正しく取得しようとします:)

iDangerous swiper を自分の Wordpress インストールで動作させるのに問題があります。現時点では BitNami で実行されているローカル インストールであるため、リンクを共有することはできませんが、状況を説明できるよう最善を尽くします。私の最高の Google-Fu は答えを出すことができませんでした。

まず、 http://www.idangero.us/sliders/swiper/api.phpの使用説明書に従って、最小限の HTML テスト ページで Swiper を正常に実行しています。

頭の例

本文例

上記は最小限のテストでは期待どおりに機能しますが、WordPress サイトの header.php で同じことを行うと、適切なクラスでマークアップされた HTML (上記の本文の例のように) はインタラクティブになりません。スクリプト ファイルが Firebug に読み込まれたように見えますが、まだ有効になっていません。

WordPressコーデックスが示唆するように、スクリプトを「エンキュー」して実験しました：

しかし、これは同じ結果になります。スクリプトは Firebug に読み込まれますが、ページでは実行されません。

また、スワイパーをヘッドから初期化する小さなスクリプトを別の JS ファイルにシフトして、それもエンキューしてみました。ここでも、新しいスクリプトが Firebug のネット モニターに表示されますが、実行されません。

jQuery が問題ではないかと疑って、すべての$ショートカットをに変更しjQueryました。これは、Worpress Codex からの別のヒントです。

しかし、まだサイコロはありません。

ここから他にどこへ行くべきかわからない。HTML と CSS についてはかなりうまく理解できますが、PHP と JS は依然として頭を悩ませています。

早い段階で、Swiper CSS をデフォルトからidangerous-swiper.cssメインのスタイルシートに移行したことに注意してください。こちら側は期待通りに動いています。

どんな助けでも大歓迎です。

ピート。

コンテンツが ajax で動的に読み込まれるコンテナーに、危険なスワイパー スクロールバー プラグインを適用しています。ajax 呼び出しの後にプラグインを初期化します。問題は、ブラウザーのサイズを変更するまでスクロールが機能しないことです。ウィンドウのサイズを変更する必要はありませんが、動的コンテンツに切り替えると、ブラウザのサイズを変更するとスクロールが機能しなくなります。

プラグインを初期化する方法は次のとおりです

ここにhtmlがあります

swiper-container の高さは 100%

idangerous の Swiper を使用して、クリック イベントでその場でオプションを変更しようとしました。たとえば、ページネーション ボタンをクリックした後に自動再生を停止したい。

私はAPIから次のようなことを試しました:

上記の複数のバリエーション。また、ループを無効にしようとしました。自動再生は遅くなったり、停止したりしません。もし私なら console.log(mySwiper.params.autoplay); 実際、値が更新されたことを示していますが、何もしません;(

私はこれで完全にオフですか？それとも、初期化後にオプションを変更できませんか?