問題タブ [swiper]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
489 参照

jquery - 危険なスワイパーが動的にモードを変更

私はそれに問題があります。スワイパーのモードを「水平」から「垂直」に動的に変更したい(たとえば、ボタンを押したとき)。しかし、私はそれを行う方法の手がかりがありません!使っtopSwiper.param('mode', 'vertical')てみtopSwiper.params.mode = 'vertical'たところ、APIに書いてあったようなのですが、うまくいきません。多分誰かがそれを解決する方法について考えを持っていますか?

0 投票する
4 に答える
22883 参照

javascript - 最初のスライドで SWIPER の開始を設定するには?

スワイパー ( http://www.idangero.us/sliders/swiper/api.php ) に問題があります... ページ 1 にいて、ページ 2 に切り替えると、スライダーが最初のスライド。mySwiper.swipeTo(0, 0, false); を設定しました。ショーの前にページに表示され、機能しません。奇妙なことは、2 番目または 3 番目のスライド (例: mySwiper.swipeTo(1, 0, false) または mySwiper.swipeTo(2, 0, false)) に切り替えると完全に機能することですが、最初のスライド (0) では単純に切り替わりません。何故ですか?ありとあらゆることを試しました。最初のスライドでは切り替えず、他のスライドでのみ切り替えます。機能する唯一の方法は onpageshow ですが、最初に 1 つのスライドを表示し、別のスライドを表示するため、醜いです.. mySwiper.swipePrev(); も試しました。数回ですが、スライド 2 でブロックされます。最初のスライドには進みません。

アップデート:

jsfiddle の例を次に示します: http://jsfiddle.net/alecstheone/9VBha/103/

つまり... 2 ページ目に移動して 3 番目のスライドにスワイプすると、右クリックして戻るよりも 2 ページに戻るよりも、スワイパーがまだスライド 3 にあり、設定したようにページ 1 にあるはずです

私が設定した場合:

それは動作します... 0でのみ動作しません...

また、swiper の 1.8.0 バージョンではそのコマンドが機能することにも気付きましたが、最新 (2.6.0) では機能しません。

0 投票する
1 に答える
2349 参照

javascript - スワイパースライダー。1 つのスライドの準備とそのスライドへの移行のシミュレーション

完全な API を使用して、この素晴らしい JS スライダー ( Swiper )で特定の動作を実現したいのですが、今のところ運が悪いです...これについて何か助けが必要です:

現在の状況:

  • 最初のスライドは 1 つだけです。

ボタンをクリックするたびに欲しいのは次のとおりです。

  • いずれの場合も、最初のスライドの前に新しいスライドを動的に作成 --> Swiper API の prepend() メソッドを使用すると簡単です :)
  • しかし(そしてここに問題があります)最終的なユーザーには、前のスライドを読み込んでいる、つまり、ボタンをクリックして左へのスワイプの遷移を見るという感覚を持ってもらいたいのです...

スライダーは数百のスライドを表示する必要があり、最初から一度にすべてをロードすると、何百もの画像をダウンロードする必要があるため、ページのロードが非常に遅くなるため、この「まれな」動作が必要です...

前もって感謝します。

0 投票する
1 に答える
650 参照

jquery - トグルにフェード効果 (またはその他の効果) を実装する方法は?

トグルがどのように機能するかは次のとおりです。 http://jsfiddle.net/uVaQ3/

ゴール

これにフェードインまたはその他の効果を追加します。

試してください 1)

だから私はコンテナに効果を適用しようとしました: http://jsfiddle.net/x29Xk/

問題:点滅しますが、フェードしません。

やってみる 2)

http://jsfiddle.net/7T4w4/24/

まばたきは修正されましたが... 問題: [マップを表示] をクリックしてウィンドウのサイズを変更し、[ギャラリーを表示] をクリックすると、ギャラリーが正しくレンダリングされないことがわかります。

何か助けてください。意図した最終結果は、フェードではなくスライド効果を使用することですが、1 つが機能する場合は、他の効果も同様に機能すると思います。

0 投票する
0 に答える
596 参照

javascript - 危険なスワイパー フォーム フォーカス iphone

危険なスワイパーを使用する際に問題が発生しています。モバイル Web アプリのビュー間を移動するためにスワイパーを使用していますが、うまく機能します。これは私が使用するコードです:

問題 2 つのページに入力フィールドがあります。iPhone でこれらをタップすると、キーボードが表示されますが、入力フィールドがフォーカスを失います。次に、もう一度フォームをクリックしてフォーカスを取得し、フィールドに入力できるようにする必要があります。入力フィールドにはスタイリングがなく、マークアップは次のようになります。

これは、危険なスワイパーの preventDefault と関係があると思いますが、その証拠はありません。

0 投票する
1 に答える
2397 参照

html - jQueryMobile ページに画像ギャラリー スワイパーが表示されない

jQueryMobile ページでidangero.us のSwiperを使用しています。

私の HTML ファイルは 2 つの「ページ」で構成されています。そのうちの 1 つには、画像ギャラリーが必要です。画像を表示するのに問題なく動作し、jQueryMobile がなくてもスライダーは機能します。しかし、jQueryMobile を使用するとすぐに、画像が表示されなくなります。

私が見つけた最も類似した問題は次のとおりです。Swiper がJquery Mobile で動作し ていませんが、解決策を見つけるのに役立ちませんでした。なぜこれが機能しないのか、誰かが私に説明できますか?

これは私のHTMLです:

0 投票する
0 に答える
1984 参照

javascript - エンド IE 11 での Swiper Loop の問題

スライダーがあり、ループするように設定されています

問題は、ループが終了して最初のスライドに戻るときに、再初期化されていないように見えることです。これを言う理由は、テキストの先頭に2つのアイコンフォントを追加し、スライドをクリックしてタッチイベントを開始するか、前方をクリックしてから戻ると、再初期化するように修正されるためです。

これはIEのコードです

何が起こっているのかわからない、それはIE 11だけです

0 投票する
3 に答える
12979 参照

jquery - iDangerous Swiper と jquery .click(); の使い方 同時に

私は次のことにこだわっています:

iDangerous Swiper プラグインを使用していますが、これは問題なく動作します。ただし、同じ iDangerous スワイパーで jQuery のクリック機能も使用したいと考えています。

例えば:

と :

問題は、スライダーをスワイプすると jquery .click もトリガーされることです。私の場合、 .click 内の関数が別のページをロードするため、これはちょっと悪いことです。

ただし、プレーンな html リンクを使用しても機能します。ただし、次のページを目に見えないように(URLバーにロードせずに)ロードしたいので、これは私の問題を解決しません。

スライダーを使用するときに上記のjQueryコードをトリガーするのを防ぐ方法を知っている人はいますか?

前もって感謝します :)