問題タブ [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.
javascript - Swiper.js エラー - ReferenceError: npm 経由でインストールしたときにウィンドウが定義されていません
npm 経由で 3.0.3 をインストールし、React.js コンポーネントを定義する前に require('swiper') という行を追加すると、次のように爆発します。
もちろん、サーバーにはウィンドウがありませんが、このエラーを回避する方法がわかりません。初めてノードに飛び込みます。反応、gulp、browserify、express を使用します。何か案は？
jquery - スワイパーのサイズ変更を引き起こすiOS 7のクリック/タッチイベント
私は iOS 7 でこの問題をデバッグしようとしてきましたが、気が狂いそうです。私は iDangerous Swiper ( http://www.idangero.us/swiper/get-started/ ) を使用しています。スライド内のクリック可能なボタンを使用して、次のスライドに進みます。そのボタンのクリックには AJAX 送信もあります。touchstart イベントを使用して、モバイルでのクリックの信頼性を高めようとしています。これは成功しましたが、iPhone 6 (iOS 7) では、最初のスライドが移動する前にスワイパーがちらつき/サイズ変更されます。私がテストした他のすべてのブラウザでは問題ありません。
デバッグするために、発生するすべてのイベントを数秒遅らせて、setTimeout を使用してどのイベントが原因であるかを確認しました。イベントを遅らせると、ちらつき/サイズ変更は発生しません。
これを引き起こしている原因やデバッグ方法についてのアイデアがありません。
jquery トリガーは次のとおりです。
「cursor:pointer」の修正も試みましたが、うまくいきませんでした。誰かアイデアをください！
javascript - Swiper が複数行の場合の Swiper-Slide-Active クラス
列ごとに 2 行を表示するように Swiper を設定していますが、これを行うと、Swiper-Slide-Active クラスが適切に設定されません。つまり、このクラスは、swiper の中央に表示されるスライド (2) に適用されません。 .
ここで何が間違っているのでしょうか?以下のスワイパーの設定:
jquery - iDangerous Swiper プラグインは、アクティブなスライドで div をフェードし、スワイプでフェードアウトします
各スライドの div でフェードインするようにスワイパーをセットアップしようとしています。
スライドは次のようになります
通常どおりスライドさせたいのですが、アクティブなスライドの場合は各スライドのクラスカードアクションでdivをフェードインし、次のスライドへのスライドを開始するとフェードアウトします。誰でもこれを行う方法を知っていますか?
photoswipe - 親スワイパースライドをスワイプしているときに写真スワイプのサムネイルクリック機能を停止するには?
ウェブサイトにフォトスワイプとスワイパーのプラグインを使用しています。正常に動作している swper-slide クラス内で写真スワイプ ギャラリーを取得しました。スワイパースライドをスワイプしようとすると、写真スワイプのサムネイルがクリックされ、オーバーレイされたギャラリーが表示されます。スワイパー スライドをスワイプしている間、写真スワイプ クリック機能を停止する必要があります。