问题标签 [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 投票
1 回答
1723 浏览

wordpress - 向 wp_nav_menu 中的链接添加一个类

我正在开发一个新的 wordpress 站点,并且正在使用Foundation 框架构建它。我想将“main”类添加到使用 wp_nav_menu 构建的导航中的链接中。最终,我可能想将“has-flyout”类添加给其他人。关于如何做到这一点的任何想法?我假设我需要扩展 Walker(或者我可以使用 'items_wrap' 来做到这一点吗?),但这似乎有点矫枉过正。

目前,我有:

0 投票
2 回答
924 浏览

ruby-on-rails - gmaps4rails infowindow 出现与 zurb 基础失真

在此处输入图像描述

我附上了下面信息窗口的屏幕截图。它看起来扭曲了,左侧栏也没有正常显示。

这是我的 gmaps4rails.css

可能是什么问题 ?

0 投票
2 回答
6131 浏览

jquery - 是否可以使用 ZURB 基础选项卡加载 AJAX 内容?

根据文档(http://foundation.zurb.com/docs/ui.php#nice2),您似乎必须事先准备好整页内容。是否可以通过 AJAX 加载而不是为这些选项卡预加载?

0 投票
1 回答
698 浏览

css - 我在 app.css 中所做的更改不会更新页面

我正在使用 Zurb Foundation 工具包,它包含两个样式表,一个是用于编辑和添加元素的 app.css。添加到 app.css 的以下内容不会在我的索引页面上反映或更新。从我所见,这应该非常简单,但对我没有用。我正在使用 Aptana Studio 3。

0 投票
2 回答
1119 浏览

css - 对于使用 f.text_field 创建但适用于 f.input 的字段,不使用 field_with_errors 包装 css div

我的观点有问题。我在样式表中使用了 zurb 基础,当我在表单中输入错误的输入时,我在表单上方收到错误,但包含错误的字段没有用红色包裹。进一步研究,输入字段没有 field_with_errors div 包装器。在进一步研究之后,我发现如果我使用 f.input 而不是 f.text_field 我得到了正确的错误包装。

由于 zurb 具有 text_field、text_area 等样式。我正在使用这些样式,但我没有从 rails 得到错误 div。有什么好的解决办法吗?

在这里,我得到了正确的 Zurb 基础样式,但没有 field_with_errors div:

在这里,我没有得到 Zurb 样式,但元素用 field_with_errors div 包裹:

所以基本上 f.text_field 帮助器似乎绕过了提供 div 类以显示错误的 Rails 视图机制。

0 投票
1 回答
4457 浏览

ruby-on-rails - Rails 供应商文件夹

我正在使用zurb-foundation gem,但它使用的是foundation 2,而foundation 3 今天出来了。查看 gem 存储库,有一个名为 vendor/assets 的文件夹,其中包含所有资产(javascripts/css/images)。如果我下载新的基础资产并将它们放在我的 Rails 应用程序的 vendor/assets 文件夹中,它会覆盖 gem 资产吗?

0 投票
1 回答
485 浏览

html - CSS3框架,创建指定高度的中心内容区域

我知道 CSS 的基本知识,最近继续使用 CSS 框架,因为它让我的生活更轻松。我有一个关于网格系统的问题,目前正在使用 zurb Foundation 3 (http://foundation.zurb.com/)

我面临的问题主要是在创建行时我不能给它一个特定的高度。在我看来,网格系统被设计为按原样使用,我在不同的地方读到不建议尝试更改行的高度,而是将项目按原样放置在其中。

在我的项目中,我有一个内容区域,我想在其中显示一个固定的高度和宽度 div,但它不适合我。那么,谁能告诉我我该怎么办?下面是我的html代码

更新:编辑了html

0 投票
1 回答
5913 浏览

ruby-on-rails - zurb-foundation javascripts 不工作

Javascripts 不工作。我错过了什么吗?我可以看到 javascript 和 css 文件在生成的 html 中。谢谢。

宝石文件

应用程序.js

应用程序.css.scss

生成的代码

0 投票
1 回答
1899 浏览

javascript - jQuery 绑定/更改为下拉表单

我有一篇较长的帖子描述了我正在尝试做的事情,但我认为这没有必要,所以我把这个简单化了。我正在努力让 Zurb Foundation 使用 Datatables。除了下拉菜单之外,这很容易。作为一个 js 新手,我很难让它工作。这是 Foundation 下拉菜单的一般语法。

我遇到问题的地方是我的事件侦听器更新表格长度会在单击 UL 时触发,因此表格长度会使用先前选择的长度进行更新。因为 Foundation JS 是更新 UL LI 的那个,所以每次检测更改的尝试都不起作用,因为我的代码在 Foundation 将类应用于 LI 之前触发。

因此,要更新表格,我必须检测选项值的变化似乎很清楚

或在李

我尝试将 .change() 函数链接到上面以检测值的变化,但它给了我一个错误。我很迷失在这里。我花了很多时间试图解决这个问题。

编辑:为了清楚起见,我要做的是在选择下拉列表时获取正确的值。我现在得到一个值,但它是以前选择的,而不是刚刚选择的。由于 Foundation 的工作方式,我很难用我的绿带 jQuery 技能来做这件事。

谢谢。

0 投票
1 回答
359 浏览

ruby-on-rails-3 - 只有网格和表单的 Rails + Foundation

我想在我的 Rails3 应用程序中使用基础,但只使用表单和网格。

当我添加@import "foundation";它时,一切正常..

但是当我使用@import "foundation/forms";它时,它会崩溃并显示以下消息:

好像少了一些设置。。

这里有人有这方面的经验吗?

提前致谢!