javascript - 在 Zurb Foundation 4 中有条件加载 JS 组件的最佳实践吗？

Question

根据主题，我正在尝试从 Foundation 4 有条件地加载特定断点下方的特定 JS 组件（在本例中为Section - Accordion），即：

• 如果用户的分辨率>= 768px，则不加载JS组件；或者如果它已经加载，请卸载它
• 如果用户的分辨率<768px，加载（或重新加载）JS组件

现在，我正在使用enquire.js来匹配/取消匹配 JS 中的媒体查询，并通过 Foundation 加载或卸载 ( $(document).foundation( 'section', 'off' )) 调用进行适当的响应。

我想知道是否有更好的方法来做到这一点。我已经查看了 Zurb 文档、他们的 Github 问题列表以及这里的 SO，但还没有找到用于此的“内置”机制。谁能指出我正确的方向，或确认我的方法是正确的？

Answer 1

我几乎可以保证没有内置的方法来解决这个问题——实际上我来这里是为了向您指出 enquire.js，我已将其用于类似目的。我不认为你会找到更好的解决方案。让我们为 F5 祈祷吧。