问题标签 [zurb-foundation-5]

不知道“支持”选项卡部分下我的图像滑块发生了什么，它没有正确显示，它把它剪掉了一半，看起来很奇怪。主图像滑块很好。但是，当您突然检查元素时，“支持”轨道图像滑块看起来很正常。这与基础框架有关。

这是查看错误的链接： http ://www.omegadesignla.com/virtual/

和一些html：

javascript:

I have a foundation 5 website and on one of the pages I am trying to use the clearing light box element as outlined HERE

The clearing elements are generated using a c# razor template

THIS is the website page I am using it on.

If you click on one of the images the chrome cosole logs the following error:

undefined:1 GET http://www.capitalcitytreeservice.ca/undefined 404 (Not Found)

There is no JS error thrown but it does list the following in the network tab:

Remote Address:137.117.17.70:80 Request URL:http://www.capitalcitytreeservice.ca/undefined
Request Method:GET Status Code:404 Not Found

I am not sure what is happening here. The image lightbox loads but you can not scroll through them by using the arrows, and if you click on the thumbnails inside the lightbox the thumbnails slide left and disappear.

Can someone help me debug this foundation 5 lightbox implementation?

Thanks in advance.

如何在悬停时自定义背景颜色<a href="#">Find Me</a>。
我想在悬停时更改背景颜色。
这是我悬停之前的照片。

这是我悬停后的照片

我想在“查找我”中自定义背景颜色，
我应该添加什么来自定义背景颜色。

这是我的代码

我试图让 Foundation 5 javascript 组件（其中任何一个）在 Rails 4.2.0 应用程序中工作，但我尝试过的任何东西似乎都不起作用。我正在使用foundation-railsgem，并按照文档中的步骤进行安装。

为了测试 Foundation JS 的工作原理，我插入了工具提示的基本 HTML，在此处解释，以显示工具提示链接：

在页面上，工具提示链接的样式正确，但是，工具提示功能本身不起作用并回退到系统替代文本，如下所示：

我的第一个猜测是我包含 Foundation JS 文件的方式有问题，但是，我已经仔细检查了我的应用程序中页面的源代码，它们似乎都在那里：

我还验证了$(document).foundation()它包含在 Rails 应用程序的 application.js 中：

Foundation 的 JS 组件仍然不起作用，即使我$(function(){ $(document).foundation(); });在它影响的元素之前放置了一个脚本标记。

我该如何调试呢？有什么我可以在 JS 控制台中运行来弄清楚发生了什么吗？

我并没有真正理解<a>http://foundation.zurb.com/docs/components/buttons.html代码中 s过多的原因；以及其他元素缺乏代表性。

在该部分下没有提及和一行，Accessibility没有提及任何其他元素（为什么不<button>，或<input>例如？）。似乎（由于压倒性的过度代表性）文档在说“我们真的为<a>s 设计了这个”。真的是这样吗？

（顺便说一句：提到使用其他元素的那一行，我有一个问题：If there is no <a href=""> then simply add the tabindex="0" to the div or span to make it focusable.如果一个按钮是可聚焦的，我希望能够用空格键触发它。不幸的是，当你有一个 div 或 span 时，你不能。所以这真的有用，甚至有建设性吗？）

我知道您可以将<a>s 用于不涉及表单的情况，但是涉及表单的标准“提交”按钮呢？使用 a<button>不能解决您使用 a 会遇到的所有问题<a>吗？1.它是可聚焦的。2. 对焦时，可以用空格键触发。3.您可以方便地按<Enter>提交表格。其他人为您的提交按钮使用什么？

我使用 zurb 的基础作为我的 css 框架，不幸的是它不允许我提交表单。即使我填写了所有内容并单击提交按钮，也没有任何反应。这是我当前的代码。

我目前正在使用 SASS(SCSS) 和基础 5 框架工作。

我正在尝试通过正在工作的 mixin 来获取背景图像，但由于某种原因，我无法让“重复”CSS 功能正常工作。所有其他 CSS 函数都可以正常工作。

由于某种原因，图像拉得很好，它居中但不会重复。

有任何想法吗？

我将 SimpleForm 与 Zurb Foundation 5 一起使用（设置如https://github.com/plataformatec/simple_form#zurb-foundation-5中所述）。

在我看来，我可以通过以下方式为表单字段显示 Foundation 工具提示（例如“输入您的姓名”）：

这很好，但语法开销太大。如何配置 SimpleForm 以便我可以在视图中使用以下简短语法来显示 Foundation 工具提示：

（我已经阅读了https://stackoverflow.com/a/28461799/4096216但这无济于事，因为我不想要自定义工具提示，但我更喜欢使用 Foundation 本身提供的工具提示，请参阅http ://foundation.zurb.com/docs/components/tooltips.html）。

作为一种解决方法，我写了一个视图助手

这允许我显示一个工具提示：

不过，如果我能写的话，感觉会更好/更干净：

欢迎任何建议！:)

当我的页面加载时，我想在我的按钮组上自动选择一个项目，但我找不到要使用的 Foundation 类。

这篇文章是关于 Zurb-Foundation 4 的！您是否知道 Zurb-Foundation 5 中是否发生了某些变化？

谢谢

如何在基础 5 中实现八列网格？

我目前有以下

容器宽度 = 1200px