在Zurb Foundation 4中有条件地加载JS组件是否有最佳实践?

时间:2013-10-24 04:55:04

标签: javascript responsive-design media-queries accordion zurb-foundation

根据主题,我试图有条件地从基础4加载特定断点下的特定JS组件(在本例中为Section - Accordion),即:

  • 如果用户的分辨率为> = 768px,请不要加载JS组件;或者如果它已经加载,请将其卸载
  • 如果用户的分辨率是< 768px,加载(或重新加载)JS组件

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

我想知道是否有更好的方法来做到这一点。我查看了Zurb文档,他们的Github问题列表,以及SO,但尚未找到“内置”机制。任何人都可以指出我正确的方向,或确认我的方法是正确的吗?

1 个答案:

答案 0 :(得分:0)

我几乎可以保证没有内置的方法 - 我实际上来到这里是为了指向enquire.js,我已经将它用于类似目的。我认为你不会找到更好的解决方案。让我们指着F5。