問題タブ [slick.js]

ajax呼び出しが成功した後に呼び出しているときに、滑らかでないメソッドが機能しない理由を解明しようとしています。この投稿を読んでslick-initializedクラスを探していますが、まだエラーが発生しています

TypeError: .$slides is null if ( .$slides.parent().hasClass('slick-track'))

HTML

ページの読み込み時にスリックを初期化すると、マークアップは次のようになります。

それぞれのデータを置き換えるだけのajax呼び出しがありますslick-slide

機能

しかし、私が述べたように、エラーが発生し、HTML マークアップは次のようになります

ブロックの動的グリッドを生成するためにアイソトープを使用しています。一部のブロックは、内部にカルーセルを持つことができます。これを行うために、Slick Carousel ( http://kenwheeler.github.io/slick/ ) を使用しています。

ここに例があります> http://jsfiddle.net/9dja3omp/1/

同位体を初期化した後、カルーセルを初期化すると、スライドの高さが 1px に変更されます。

どうすればこれを解決できますか?

私は経験の浅いフロントエンド開発者です。現在、Require JS とSlick Carousel http://kenwheeler.github.io/slick/と一緒にFoundation 5.5を使用しており、小さい画像をクリックすると適切なスライドに移動します。 .

私が現在取り組んでいるページは次のとおりです: https://beyondtells.com/silex/new-sales?vero_id=1@1.com (クエリ文字列を保持しないと表示されません)

私が使用している Chrome では美しく動作しますが、Firefox/IE でページを表示したところ、正しく動作していないようです。カルーセル内の画像が縦に積み上げられており、プラグインが機能していないようです。

これは js フィドルです: http://jsfiddle.net/N6wfG/92/。

これは私のjsコードです:

これはhtml部分です：

フィドルでわかるように、何らかの理由で次と前のボタンが生成されますが、私のサイトにはありません。だから私は手動で作成し、nextSlickとを割り当てたいのですprevSlickが、機能していません。なぜ ？

コンソール結果の更新:

unslick() をコードのどこに配置するかを誰かに説明してもらえますか? 最下位のブレークポイント (電話) で滑らかなスライダーをオフにしたいのですが、iPad とデスクトップには残ります。

Ken がその使用方法を指定していることはわかりますが、私は JS が初めてで、彼が説明していることをどこに入力すればよいかわかりません。

ありがとう、

ページが読み込まれると、適切にレンダリングされ、1 つのスライドが表示され、すべてのスライドが 1 つのウィンドウにレンダリングされることがあります。また、ブートストラップモーダル内で開始されますが、それが問題の一部であるかどうかはわかりません。

これが私の最初の滑らかなセットアップです

ここに要素自体があります

レンダリングすると、一度に 1 つずつではなく、すべてのスライドがすぐに表示されます

そのため、スライダーに slick.js プラグインを使用しています (これまで実際に使用したことはありませんでしたが、試してみようと思いました!)

とにかく、私はのカスタムセットを使いたいと思っています