Javascript 当转盘位于转换元素内时，Slick有时会将所有元素显示在彼此的顶部

所以我有一个购物车，当它打开时，从右到左大约400像素

在这个购物车中，有一个向上销售的物品，是用Slick.js制作的旋转木马

问题是，当转换发生时，有时项目会相互堆叠。起初我以为问题出在Slick本身，但后来我发现是过渡导致了问题

我发现当我写这篇文章时，我不会有太多的代码

为了证明这一点，我所做的是仅在转换结束后初始化Slick：

$（'cartselector'）。在（'transitionend'，（事件）=>{
$（'cartupsellselector'）.slick（）；
});

在我这么做之后，瞧，购物车转换了，然后Slick初始化了，再也不会出错。但是，当然，这会造成糟糕的用户体验

---

我现在的问题是：有没有办法用Slick本身来解决这个问题，或者我必须在购物车转换时放置一些预装载器或其他东西，然后将其移除，并用旋转木马显示向上销售？

我已经解决了这个问题，首先打开弹出窗口，在旋转木马的位置放置一个装载占位符，然后在NSION结束（由

transitionend

事件检测），我显示旋转木马并加载它。占位符在几分之一秒内几乎不可见，但它不再打断旋转木马。

我已经解决了这个问题，首先打开弹出窗口，在旋转木马的位置放置一个加载占位符，然后在转换结束后立即加载占位符（由

transitionend

事件检测到），我显示并加载旋转木马。占位符在几分之一秒内几乎不可见，但它不再破坏旋转木马。

Slick在创建隐藏的幻灯片时遇到问题（假设您正在对转换进行此操作）。您可以尝试的一件事是在创建页面时初始化幻灯片，然后使用

$（“#cartupsellselector”）。slick（“刷新”）

修复幻灯片…这应该比初始化更快。嗨，Ed，我尝试过，刷新没有效果。slick在创建隐藏的幻灯片时遇到问题（假设这就是您在转换中所做的）。您可以尝试的一件事是在创建页面时初始化幻灯片，然后使用

$（“#cartupsellselector”）。slick（“刷新”）

修复幻灯片…这应该比初始化快。嗨，Ed，我已经尝试过了，刷新没有效果。