ken wheeler 的圆滑旋转木马通常以 jquery 步开始

Question

抱歉我的英语不好。 我正在使用 ken wheeler slick with jquery steps。 我用 jquery 个步骤添加新步骤，如下所示：

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

之后，我像这样使用 slick 脚本和启动 slick 函数：

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

添加步骤成功，但是slick显示不正常，显示如下： jsfiddle示例： https://jsfiddle.net/cw38qpc5/

但我使用 javascript setTimeout 函数启动 slick 并成功显示。

像这样：

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

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

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

Answer 1

因为到目前为止还没有动态添加或删除步骤的事件，所以您必须使用 onStepChanged 事件来初始化内部组件（例如 slick) 正确。

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