2016-06-28 8 views
0

私の英語が壊れて申し訳ありません。 私はken wheeler slickjquery stepsを使用しています。 私はこのようなjqueryの手順で新しいステップを追加します。その後ケン・ウィーラーのスリック・カルーセルは、通常、jqueryステップでスタートします。

$("#wizard").steps("add", { title: data.title, content: '<div id="slickdemo3"">'+data.content+'</div>' }); 

を、私は滑らかなスクリプトを使用して、このように滑らかな機能を開始:

$('#slickdemo3').slick({  infinite: false,slidesToShow: 4,slidesToScroll:4}); 

は、ステップを追加することは、正常に「行われますが、滑らかなドンれますこのようなトンディスプレイは通常、ディスプレイ: jsfiddle例: https://jsfiddle.net/cw38qpc5/ enter image description here

が、私はjavascriptのsetTimeoで滑らかなスタートut関数は滑らかな開始と表示を行います。このような

は:

setTimeout(function(){ $('#slickdemo3').slick({  infinite: false,slidesToShow: 4,slidesToScroll:4}); }, 1000); 

それは正常です。 jsfiddle例:再び私の英語のため申し訳ありません私たちのアドバイスに https://jsfiddle.net/raowd335/ enter image description here

感謝。

+0

[jsfiddle](https://jsfiddle.net/)の例を追加してください! –

+0

settimeoutのないjsfiddleはtrueを表示しません:https://jsfiddle.net/cw38qpc5/、それはsettimeoutで表示され、表示は成功です:https://jsfiddle.net/raowd335/ – Arlong

答えて

1

これまでの手順を動的に追加または削除するためのイベントがないため、内側のコンポーネント(スリック)を正しく初期化するために、onStepChangedイベントを使用する必要があります。

Hereあなたが提供する変更されたjsfiddleが見つかります。

関連する問題