问题标签 [zurb-foundation-6]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2967 浏览

responsive-design - Foundation 6 数据响应菜单参数

我正在使用集成在 wordpress 中的基础 6 构建响应式导航。我想使用 data-responsive-menu 属性来触发小屏幕上的向下钻取插件。简单的。问题是我不想要其他屏幕尺寸上的任何其他插件。文档给出了这个例子:

但是这个在小屏幕上触发下钻插件和在大屏幕上下拉。如果我只使用“drilldown”选项或“small-drilldown”,它会针对所有媒体查询。我知道我可以调用 wp_nav_menu 的两个实例,分别使用 show-for-small-only 和 show-for-medium-up,但我想知道是否可以在不打印两个相等菜单的情况下实现这一点。

0 投票
1 回答
1034 浏览

zurb-foundation - 鲍尔更新基金会网站不工作

使用 Yeti Launch 我创建了一个新的基础站点。

我现在想更新到最新版本的基础。

下面是截图bower list

在此处输入图像描述

我试过bower update foundation-sites了,但它不起作用。

关于我做错了什么以及我需要做什么的任何想法?

谢谢

0 投票
1 回答
293 浏览

zurb-foundation - Foundation6 响应式导航

真的很欢迎对我的导航栏提供一些帮助。我正在努力实现我认为最明显的设置。大屏幕上的下拉菜单和小屏幕上的向下钻取。我在这里有一支笔,但有不应该存在的项目符号,并且菜单在较大的屏幕上水平打开(我想要垂直)。

0 投票
0 回答
230 浏览

zurb-foundation-6 - JointsWP / Foundation 6 顶部菜单 FOUC

自从在 Foundation 6 中采用 JointsWP 以来,我在 Topbar 上遇到了 FOUC 的真正问题。我必须使用 JointsWP 和 Foundation 5 构建了大约 10 个站点并且从未遇到过问题,但是我正在处理的 2 个 F6 站点在加载前似乎有几秒钟完全没有样式的顶部栏。

还有人经历过这个吗?有小费吗??

0 投票
1 回答
50 浏览

javascript - Foundation 6 网格程序化列删除

我在一个新项目中使用foundation 6,偶然发现了一个问题。我有一个网格,我想隐藏一个列(我想稍后再显示),问题是如果我隐藏该列,它不会重新排序所有其他列,我尝试用 jQuery 隐藏它和通过将它隐藏在 Foundation 的hide类中(我猜这基本上是一样的)。我能够实现所需功能的唯一方法是完全删除该列,但我需要稍后再次显示它,所以这不是一个选项。

请看一下小提琴,以更好地了解我需要什么。(单击其中一个按钮后,您必须再次运行脚本)

JsFiddle 链接

0 投票
2 回答
1869 浏览

zurb-foundation - Foundation 6 Reveal Modal 无法使用动态数据正确调整大小

以下带有模态表单的基本 Foundation 6 设置正在运行。我的意思是,一旦模态表单出现在屏幕上,当我更改浏览器的大小时,它会正确调整大小。

现在,当我将内容放在外部文件中时,像下面的示例一样加载它。模态表单不再正确调整大小。

任何人都知道如何在动态加载时使模态表单正确响应?

0 投票
1 回答
888 浏览

zurb-foundation-6 - Foundation 6 如何不环绕 flex 网格列?

我决定使用foundation 6 的新弹性网格,我注意到我没有像使用块网格那样得到预期的行为。

这是 HTML,在两个实例中使用的代码相同:

我尝试使用Flex GridBlock Grid

我打算在 Flex Grid 中获得 Block Grid 链接的结果,这可能吗?

我浏览了 F6 文档,但在其中找不到合适的解决方案(至少从我发现的内容来看)。

谢谢!

0 投票
1 回答
99 浏览

css - 将两个菜单与基础顶栏并排的最佳方式是什么

我想在右侧有两个单独的菜单,但彼此相邻(不堆叠)。

唯一对我有用(而且我已经尝试了很多)是下面的代码,它涉及我使用 top-bar-right 两次,感觉必须有更好的方法,它似乎引起了轻微的抽搐每次重新加载页面时。

http://codepen.io/anon/pen/MKqzaG (下拉菜单在这里不起作用,但在我的机器上起作用。

0 投票
1 回答
534 浏览

zurb-foundation-6 - 如何在 Foundation 6 的画布外创建子菜单

如何在 Foundation 6 的画布外创建子菜单?

我找到了这个方便的构建,但它在 LHS 画布菜单中没有子菜单。

我想要一个像这样的滑入式子菜单(这是 Foundation 5)。

0 投票
2 回答
723 浏览

zurb-foundation-6 - Foundation 6 offcanvas 切换跳转到顶部

早上好,我想知道是否有办法阻止 Foundation 6 的 toggle off-canvas 跳转到页面顶部。我注意到这种行为也出现在F6 官方文档中