问题标签 [zurb-foundation]

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 投票
2 回答
2391 浏览

css - 在此 CSS 上将文本和图像右对齐

我在这里遇到了一个小问题,找不到解决方案,所以我在这里寻求帮助。我正在建立一个网站,我使用Foundation Zurb作为基本布局。如果您以 demo/demo123 身份登录,那么在页面标题处,您将看到头像图像以及一些指向个人资料、注销和用户名的链接。我需要通过将这些文本右对齐但在图像之前来修复此代码。也许我的标记很丑,所以我接受关于这个主题的建议。您可以尝试与多个用户一起进行测试:

怎么了?

0 投票
2 回答
5238 浏览

ruby-on-rails-3.2 - 如何在 Rails 项目中使用 Zurb Foundation 3?

我开始学习 Rails 并创建了一个新的 3.2.8 项目,我想在其中包含 Zurb Foundation 框架,并希望尽可能轻松地更新(补丁和新“功能”)该框架 - 其中,我猜?,最好是现在使用“gem install xx”,然后再进一步使用“gem update”。

偶然发现了https://github.com/zurb/foundation-rails(用于 Foundation 2),其中指出“当前的 zurb-foundation gem 现在托管在:https ://github.com/zurb/foundation ” - 但我似乎无法在那里找到 Foundation 3 的宝石。

抱歉,如果这是一个新手问题,但我想我们都必须从某个地方开始 :-)

有人可以帮忙吗?

0 投票
1 回答
1599 浏览

onclick - 触摸设备上带有 zurb 基础工具提示的链接中的 onclick 事件

我正在使用 Zurb Foundation 框架 (2.0) 并在链接上有一个工具提示。

在桌面上它工作正常,工具提示显示在鼠标悬停上,您可以单击链接触发 someFunction

然而,在触摸设备上,工具提示显示在单击/选项卡上。但是这样你就不能触发 onClick 事件和 someFunction。

你怎么能这样?

0 投票
1 回答
58 浏览

css - A 元素中的border-top

我需要一些帮助来为 A 元素设置边框顶部。正如您在此处看到的,按钮是一个 A 样式元素,具有

定位绝对,然后从上到下移动以实现该行为,但这适用于此按钮(注意 HR 中的宽度:85%)但如果我希望在所有站点的其余按钮中具有相同的行为,那么这种方法不会工作导致宽度:85%。所以我的问题是:为 A 元素设置边框顶部是否可以获得相同的行为?边框顶部必须与主按钮具有相同的宽度,但您可能会注意到留有 padding: 0 5px。

提前感谢和欢呼

0 投票
2 回答
6709 浏览

javascript - zurb基础3中的固定宽度列

如何在 zurb Foundation 3 中实现固定的柱状网格?目前,基金会的网格是流动的并且基于百分比。我想实现类似于引导(非流体)网格的东西,其中只有 4 个关于网格显示方式的可能性(至少在它下降到移动之前,它是流动的)

我想保留基础网格的功能(和语义),所以我不想简单地将它换成引导网格。

我知道这与纯“响应式”网格的理论背道而驰,但与现实世界的客户及其需求打交道使我倾向于拥有一组可预测的有限网格行为(自适应网格?)

0 投票
2 回答
288 浏览

jquery - 使用 jQuery 中等于“活动”的类选择器获取第 n 个子参数值

如何在 jQuery 中使用等于“活动”的类选择器获取第 n 个子参数值?

我不确定这是否合乎逻辑,但我想确定我当前拥有的 dd 元素列表中的哪一个是通过 nth-param 值选择的。

该代码实际上是来自 Foundation 的 Vertical Tabs 的垂直选项卡循环。

我有一个选项卡列表,其中包含动态获取的数据。我在底部还有一个静态选项卡,可以添加一个新组。单击动态生成的选项卡中的选项卡将添加一个值为“活动”的类我想要的是当我单击静态选项卡时,一个模态打开并且当我取消模态时(模态也来自 Foundation 的 Reveal),在单击静态选项卡之前,选定的选项卡应恢复为活动选项卡。

在我的 jQuery 上,我有:

恢复到先前选择的选项卡,其中 x 是所选选项卡的第 n 个子项。

非常感谢!

0 投票
2 回答
3560 浏览

javascript - 谷歌地图中的标准标记太小

我正在实施一个像这样的位置选择器: http://m.rhinvivant-lebendigerrhein.eu/geopick.php ?raz=1

但是当我在我的环境中加载代码时,位置标记突然变小并且在加载页面后被压扁(参见图 1)。然后在我拖动标记后,它变得更小(见图2)。

谷歌地图标记太小

有没有人见过这样的东西?这将有助于提示我如何解决这个问题,或者我犯了什么错误。

即我怎样才能固定我的标记的大小?

我的代码如下所示:

0 投票
1 回答
2223 浏览

jquery - jQuery 验证已停止与 Zurb 基金会合作

我有一个表格,它似乎有效,并且验证得很好。现在它似乎没有,我不知道为什么不。主要是因为我不是专家。

我已经使用 Zurb Foundation 来创建该站点,其余的一切似乎都很好,但是如果我能获得一些 jQuery 验证,那将是史诗般的。

有谁知道从哪里开始,或者从哪里开始帮助其他人帮助我?

0 投票
1 回答
229 浏览

css - Foundation zurb nav 未显示在 Rails 中

这是我第一次在我的 Rails 项目中使用基础。过去我只使用 Bootstrap。

我按照这里描述的步骤http://foundation.zurb.com/docs/gem-install.php#simple2我无法创建一个简单的导航(http://foundation.zurb.com/docs/navigation .php)。

它应用了一些样式,但不完全(例如,它不是黑色)。

我也遵循了自动和手动安装。有趣的是,有些风格是有效的。例如,将样式“按钮”应用于链接即可。

我尝试了很多东西。有任何想法吗?

0 投票
1 回答
1264 浏览

plugins - 序列滑块 JS 不适用于 Foundation 框架 JS 文件

我在我的网站上使用 Foundation 框架,现在我正在实现 Sequence 滑块,它工作得很好,但只有当我在头部注释以下 Foundation JS 文件时:

但是,对于基础的其他一些功能,我确实需要这些文件。以前有没有其他人遇到过这个问题并找到了解决方案?谁能给我一些关于问题出在哪里的提示?

当我用萤火虫查看它时,我才发现,这就是控制台所说的:

这是我放在脑海中的 javascript 的一部分,用于启动文档准备好的代码;