setTimeout 上的新实例基础

Question

我希望以编程方式使用 zurb Foundation 框架的 Sticky 组件，但是是异步的：

const sticky = new Foundation.Sticky($('.sticky'));

如果我 运行 这个代码，它工作得很好。但是对于 setTimeout，它不起作用：

setTimeout(() => {
  const sticky = new Foundation.Sticky($('.sticky'));
}, 2000);

您可以在 codepen 上进行测试。

谁能帮帮我？我不知道为什么我的新实例在异步代码中不起作用。

谢谢！

Answer 1

我通过调用Sticky的_calc()方法计算积分:

setTimeout(() => {
   const sticky = new Foundation.Sticky($('.sticky'));
   $('.sticky').foundation('_calc', true);
}, 2000);

这在您的代码笔示例中有​​效。 我在 Github issue tracker of zurb / foundation-sites.

中找到了解决方案