問題タブ [swiper]

私はプログラミング、そしてもちろんAngularJSの初心者ですが、質問を簡単にしようと思います。

Angularjs シードがあり、パーシャルの 1 つは swiper を使用しています。ng-repeat を使用してすべての価格表を埋めようとしていますが、最初は 1 つしか表示されません。

ここで奇妙なことに、F12 を押してコンソールを開くと、すべての価格表に情報が正しく入力されていることが表示されます。

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

コンソールを開いて F5 キーを押すと、コンソールに次のように表示されます [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object] (価格表は 1 つだけ表示されます)。

コンソールを閉じてもう一度 F12 キーを押すと、コンソールに次のように表示されます。

そして、それは私のすべてのプリンティングテーブルを示しています。

任意のヒント？

前もって感謝します。

次のことを達成するために、いくつかの理論コードまたは適切な JavaScript ライブラリを探しています。

図を参照してください: http://cl.ly/image/2R3P28363U27

要件：

• 円形/無限
• 表示されているエッジ アイテムのクローン作成中に DOM がちらつかない
• 現在のアイテムは集中化する必要があります
• アイテムは固定幅にすることができます (固定幅のサイトであるため)
• カルーセルは、一度に 1 アイテムずつ左右に移動するだけで済みます (ページネーションは必要ありません)。

これらの機能の一部を提供するカルーセルのインスタンスをたくさん見てきましたが、すべてではありません。誰かが私を正しい方向に送ることができますか?

補足: iDangerous Swiper には「centeredItems」オプションと「loop」オプションの両方があり、どちらも理想的なように見えますが、連携していないことに気付きました。

ありがとう。

すべてのブラウザーで正常に動作する HTML5 ビデオが埋め込まれています (ブラウザーが古い場合やビデオのサポートがない場合は正常に動作しません)。しかし、私のサイトは iDangerous Swiper ( http://www.idangero.us/sliders/swiper/api.php ) を使用しているため、カスタム ビデオ コントロール (「再生/一時停止」ボタン) は Internet Explorer 10 では機能しません。

HTML の head 領域から swiper js コードの埋め込みを削除すると、埋め込まれたビデオが ie10 で正常に再生されます。問題は、Swiper が ie10 の再生ボタンのクリックを傍受していることにあるようです。したがって、解決策は、少なくともページのその小さな領域で Swiper を無効にすることです。

しかし、それを行う方法は明確ではありません。

2013 年 6 月の Swiper リリースには、「noSwiping」クラスを作成できる新機能がほとんど文書化されていないようですが、このクラスでビデオを div にラップしても ie10 の問題は解決しません。

他の誰かが要素の Swiper を無効にする必要があり、特に ie... に関して、そうすることに成功しましたか? コード例をご覧いただければ幸いです。私自身のプロジェクトはまだ localhost にあります。

スライドショーを含むこのヘッダーがあります。

フィドルを参照してください: http://jsfiddle.net/PVbEK/1/

.swiper-containerヘッダー ( ) の幅と高さをレスポンシブにしたいと思います。現在、拡大または縮小しても高さは同じままですが、コンテンツはレスポンシブです。

コンテンツのように、高さを比例してスケーリングしたいと思います。

スライドショーがこの問題を引き起こしていると思いますが、エラーがどこにあるのかわかりませんか?

Swiper スライドショーを使用しています: http://www.idangero.us/sliders/swiper/api.php

フレックス スライダーを試してみましたが、タッチ機能が Windows Phone でうまく機能しているとは思えません。

これはCSSで修正できますか？

ダニエル

危険なスワイパーの使用については、Slide1 を参照してくださいlets go to google。その Slide1 が元の位置 (ボックスの最初の左) にある場合、Google へのリンクは常に機能します。しかし、スワイプ (またはマウスを左右にドラッグ アンド ドロップ) し、Slide1 が位置 2 または 3 にある場合、クリックは機能しません。

http://jsfiddle.net/C8ytu/

現在、jQuery Mobile で構築されたページに iDangerous Swiper を追加しようとしていますが、swiper を表示するには、ページをリロードする必要があります。人々がこれらの問題を抱えているいくつかの例を見てきましたが、彼らの解決策は以下の問題に対して機能しません.

pageshow、pageinit、pagebeforeshow、mobileinit など、さまざまなことを試しました。また、trigger("create")、trigger("refresh") を実行し、jQuery Mobile js の前または後にスクリプトを追加しようとしました。

現在、jQuery Mobile 1.4.1 alpha 2 と Swiper 2.1.0 を使用しています。

私の質問: スクリプトを機能させるための適切なシーケンスは何ですか?また、上記のページ イベントのどれがトリックを実行する必要がありますか? 御時間ありがとうございます。

スワイパーの HTML は次のようになります。

jQuery および jQuery Mobile ファイルは、ページの下部に読み込まれます。

私はjqueryモバイルWebアプリに取り組んでいます。私はdangero.us swiperを統合してみました。swiper-container に動的 html を入力します。他のタスクで説明されているように、html を挿入した後に reinit() 関数を使用しようとしましたが、何も起こりませんでした。

これは私のhtmlです：

これは、動的コンテンツを埋めるための私のコードです。swiper-instance を初期化し、reinit() 関数を呼び出します。

ブラウザに何も表示されません。swiper-instance が正常に動作している html コンテンツを更新または再初期化するにはどうすればよいですか? ライブ デモはhttp://www.m.myapp2go.de/myapp2go-slide.htmlにあります。

問題を解決しました。私のhtmlコンテンツをに追加するの<div id="slidecontent"></div>は間違っていました。html-content を <div class="swiper-wrapper">直接追加する必要があります。

現在は機能していますが、次のとおりです。

• ページネーションが表示されなくなりました
• onSlideClick が起動しなくなりました

助言がありますか？