問題タブ [owl-carousel-2]
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 - Owlcarousel2 - 最後のアイテムを確認する方法
最後の項目を確認するにはどうすればよいですか? バージョン1には「maximumItem」機能がありました
javascript - 範囲外のループ クローン アイテムを含む Angular Owl カルーセル
loopオプションを に設定してフクロウのカルーセルをレンダリングするディレクティブがありますtrue。カルーセル内の各アイテムはng-clickイベントにリンクされています。ただし、loopオプションがであるtrueため、カルーセルは各アイテムをカルーセルに複製して、ループの錯覚を与えます。これらの複製されたアイテムは、コントローラ スコープにアタッチされていません。
これは私が使用しているものです
js
html
これはコード付きのプランカーです
新しいクローン アイテムにスコープを再レンダリングまたはリンクするにはどうすればよいですか?
javascript - jQueryの右のテキストボックスの値が送信データに取得されていません
プロジェクトに 2 つの jQuery プラグインを使用しています。
私の例では、4 つの画像スライドがあり、すべての画像スライダーに画像のコメント セクションを追加しました。Jeditableコメントについては、インライン コメント用のプラグインを使用しました。
これが私のHTML部分です：
jQuery 部分:
今の問題は、送信ボタンがクリックされたときに ajaxtextboxで値を渡すことができないことです。editable無効なすべてのスライドで最初のスライド テキスト ボックスの値を取得しています。
$("#dino-example .inv").val()2番目のスライドにいる場合、テキストボックスの値を取得できません。
テキストボックスの値を渡す方法はありますか?
JSFiddle のサンプル コードは次のとおりです: http://jsfiddle.net/f43waf7j/3/
ありがとう。
javascript - フクロウ カルーセルのナビゲーション ボタンが表示されない
これが私の生成されたhtmlです
コントロールが自動的に非表示になる理由がわかりません。
これが私のjs呼び出しです
マークアップは、実際には js メソッドを使用して生成されています。カルーセルにナビゲーション ボタンが必要です。これは、html を作成する js メソッドです。
javascript - Owl Carousel バージョン 1&2 内のフォーム
Owl Carousel 内に単純なフォームを作成していますが、バージョン 2 で動作させることができません。
問題は、ユーザーが 2 番目のバージョンの入力タイプ内をクリックすると、コンソール ログにエラー :Uncaught TypeError: Cannot read property 'name' of undefined. が表示されることです。
最初のバージョンではすべて正常に動作します。これはv1のフィドルです。誰かが見てくれるかどうか疑問に思っていました。mouseDrag:falseを使用してみましたが、うまくいきません。
バージョン 2 のリンクは次のとおりで、コードは次のようになります。
javascript - Owl Carousel 2 - スライドをクリックするとドラッグがアクティブになります
私は Owl Carousel 2 を使用しており、mouseDrag と touchDrag がアクティブになっています (そして必要です)。
ただし、スライド内の何かをクリックすると、フクロウはスライドをドラッグして変更したと認識し、onDragged コールバックを起動します。私はスライドを変更しませんでしたが、スライドをクリックしただけです（「マウスダウン」、「マウスアップ」はonDragStartで発生します）。
特定のスライドをドラッグ移動で変更した場合にのみ、何かを実行できるようにしたい (たとえば、スライド 1 からスライド 2 に移動する)。具体的には、あるスライドから別のスライドに実際に変更しない限り、onDragStart を防止したいと考えています。
私は何を間違っていますか？
jquery - カスタムの次および前のフクロウ カルーセル画像
owl-carousel の [前へ] ボタンと [次へ] ボタンとしてカスタム画像を挿入する方法を見つけようとしています。以下は、私がこれまでに試したことです。
<i>コメントアウトされたクラスは完全に正常に機能しますが、その下のタグ<img>は何らかの理由で機能しません。ブラウザには alt タグが表示されますが、表示する実際の画像を見つけるのに問題があります。画像を見つけるための正しいパスを表示していますか?
jquery - フクロウ カルーセルのアニメーション アイテムのホバーは元の位置を維持します
私は自分のウェブサイトでフクロウを使用しています。アイテムの最後に移動してから戻ってきた後、アイテムにカーソルを合わせると問題が発生し、一部のテキストが残り、ホバー遷移がバグになることがわかります。これは通常、これが初めてではありません。フクロウのアイテムにアニメーションを適用すると、フクロウがアイテムの複製を作成してからそのアイテムをアニメーション化するように見えるため、元のアイテムはその位置に残ります。
javascript - クリックイベントでOWLカルーセル画像を埋め込みコードに置き換える方法
プロジェクトを表示するためにOWL Carouselを使用していますが、この埋め込みコードをクリックした画像に置き換えたいと考えています。
ユーザーがいずれかの画像をクリックしたときに埋め込みコードを表示したい。
でこれを行う方法についてのアイデアOWL Carousel。