ken wheeler的光滑旋转木马通常采用jquery步骤启动

Question

抱歉我的英语不好。 我正在使用ken wheeler slick和jquery steps。 我用这样的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/

但是我开始使用javascript setTimeout功能光滑启动并成功显示。

像这样：

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

这很正常。 jsfiddle示例： https://jsfiddle.net/raowd335/

感谢我们的建议，再次抱歉我的英语。

Answer 1

由于目前还没有动态添加或删除步骤的事件，您必须使用onStepChanged事件来正确初始化内部组件（例如 slick ）

Here你会找到你提供的修改过的jsfiddle。