Open Foundation 6 手风琴仅适用于 Med/Lg 屏幕

Question

我试图在 window 大小超过 640 像素时使用 JS 自动打开 Foundation 6 手风琴。我在 Foundation 论坛和 Whosebug 上阅读了很多与手风琴相关的帖子，但仍然无法解决这个问题。

这是我的最新代码：http://codepen.io/rogetmone/pen/VaJNVw

$(document).foundation();
$(document).ready(function() {
  var windowWidth = $(window).width();
  if (windowWidth > 640) {
    $('#blackberry-recipes').addClass('is-active');
  }
});

如有任何帮助，我们将不胜感激！

Answer 1

将 class 设置为 is-active 不会像您注意到的那样影响内容的可见性。如果你想让手风琴部分可见，你可以在 #blackberry-recipes div 的子 link (a) 上 trigger a click :

$(document).foundation();
$(document).ready(function() {
  var windowWidth = $(window).width();
  if (windowWidth > 640) {
    console.log('hello');
    $('#blackberry-recipes > a').trigger('click');
  }
});

您可以对任何其他手风琴项目使用相同的原则。

Updated CodePen

Open Foundation 6 手风琴仅适用于 Med/Lg 屏幕

Open Foundation 6 Accordions for Med/Lg Screens Only

javascript

accordion

zurb-foundation