仅针对Med / Lg屏幕开放Foundation 6手风琴

Bobroget

当窗口大小超过640px时,我尝试使用JS自动打开Foundation 6手风琴。我已经在Foundation论坛和StackOverflow上阅读了许多与手风琴相关的文章,但仍然无法解决此问题。

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

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

任何帮助将不胜感激!

亚斯

设置类别is-active不会像您注意到的那样影响内容的可见性。如果你想有手风琴部分不可见,你可以trigger一个click孩子链接(a)的#blackberry-recipes div

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

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

更新的CodePen

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

仅针对Med / Lg屏幕开放Foundation 6手风琴

来自分类Dev

Foundation 6 手风琴无法打开

来自分类Dev

Foundation 6多重手风琴,如何一次只扩展一个手风琴

来自分类Dev

Zurb Foundation 6:手风琴菜单打开时触发事件吗?

来自分类Dev

如何使用 ZURB Foundation 6 折叠所有打开的手风琴

来自分类Dev

Foundation 5手风琴-过渡速度?

来自分类Dev

angular.js和Foundation 5手风琴

来自分类Dev

Foundation手风琴无法处理AJAX加载的数据

来自分类Dev

无法让Zurb Foundation手风琴工作

来自分类Dev

在for循环中仅创建手风琴的内容

来自分类Dev

在大屏幕上水平折叠手风琴,在小屏幕上垂直折叠手风琴

来自分类Dev

AngularJS手风琴-使用仅具有数组的对象打开手风琴

来自分类Dev

AngularJS手风琴是开放式检查,重复ng

来自分类Dev

角靴式手风琴为开放式范围

来自分类Dev

如果未在HTML中声明,则无法加载Foundation手风琴

来自分类Dev

Mozilla Firefox中损坏的Foundation手风琴面板上的Select元素

来自分类Dev

JavaScript无法正常工作?Zurb Foundation手风琴发行

来自分类Dev

如何将列表项动态添加到Foundation手风琴菜单

来自分类Dev

Foundation Sass,手风琴和制表符不起作用

来自分类Dev

angularjs指令中的Foundation 5手风琴抛出异常

来自分类Dev

单击时滚动到Foundation手风琴的顶部-偏移量计算

来自分类Dev

使用jQuery添加和删除Foundation手风琴元素

来自分类Dev

如何仅通过单击打开和折叠同一JQuery手风琴

来自分类Dev

仅切换手风琴单击的vue.js

来自分类Dev

仅打开一个手风琴面板vue.js / bootstrap vue

来自分类Dev

仅使用香草JS进行手风琴布局时元素高度问题

来自分类Dev

如何设置仅处于活动状态或扩展状态的Bootstrap手风琴卡的样式?

来自分类Dev

ASP.NET Core Bootstrap 4手风琴仅部分扩展

来自分类Dev

仅使用两个按钮如何制作手风琴?

Related 相关文章

  1. 1

    仅针对Med / Lg屏幕开放Foundation 6手风琴

  2. 2

    Foundation 6 手风琴无法打开

  3. 3

    Foundation 6多重手风琴,如何一次只扩展一个手风琴

  4. 4

    Zurb Foundation 6:手风琴菜单打开时触发事件吗?

  5. 5

    如何使用 ZURB Foundation 6 折叠所有打开的手风琴

  6. 6

    Foundation 5手风琴-过渡速度?

  7. 7

    angular.js和Foundation 5手风琴

  8. 8

    Foundation手风琴无法处理AJAX加载的数据

  9. 9

    无法让Zurb Foundation手风琴工作

  10. 10

    在for循环中仅创建手风琴的内容

  11. 11

    在大屏幕上水平折叠手风琴,在小屏幕上垂直折叠手风琴

  12. 12

    AngularJS手风琴-使用仅具有数组的对象打开手风琴

  13. 13

    AngularJS手风琴是开放式检查,重复ng

  14. 14

    角靴式手风琴为开放式范围

  15. 15

    如果未在HTML中声明,则无法加载Foundation手风琴

  16. 16

    Mozilla Firefox中损坏的Foundation手风琴面板上的Select元素

  17. 17

    JavaScript无法正常工作?Zurb Foundation手风琴发行

  18. 18

    如何将列表项动态添加到Foundation手风琴菜单

  19. 19

    Foundation Sass,手风琴和制表符不起作用

  20. 20

    angularjs指令中的Foundation 5手风琴抛出异常

  21. 21

    单击时滚动到Foundation手风琴的顶部-偏移量计算

  22. 22

    使用jQuery添加和删除Foundation手风琴元素

  23. 23

    如何仅通过单击打开和折叠同一JQuery手风琴

  24. 24

    仅切换手风琴单击的vue.js

  25. 25

    仅打开一个手风琴面板vue.js / bootstrap vue

  26. 26

    仅使用香草JS进行手风琴布局时元素高度问题

  27. 27

    如何设置仅处于活动状态或扩展状态的Bootstrap手风琴卡的样式?

  28. 28

    ASP.NET Core Bootstrap 4手风琴仅部分扩展

  29. 29

    仅使用两个按钮如何制作手风琴?

热门标签

归档