问题标签 [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.
wordpress - 向 wp_nav_menu 中的链接添加一个类
我正在开发一个新的 wordpress 站点,并且正在使用Foundation 框架构建它。我想将“main”类添加到使用 wp_nav_menu 构建的导航中的链接中。最终,我可能想将“has-flyout”类添加给其他人。关于如何做到这一点的任何想法?我假设我需要扩展 Walker(或者我可以使用 'items_wrap' 来做到这一点吗?),但这似乎有点矫枉过正。
目前,我有:
ruby-on-rails - gmaps4rails infowindow 出现与 zurb 基础失真
我附上了下面信息窗口的屏幕截图。它看起来扭曲了,左侧栏也没有正常显示。
这是我的 gmaps4rails.css
可能是什么问题 ?
jquery - 是否可以使用 ZURB 基础选项卡加载 AJAX 内容?
根据文档(http://foundation.zurb.com/docs/ui.php#nice2),您似乎必须事先准备好整页内容。是否可以通过 AJAX 加载而不是为这些选项卡预加载?
css - 我在 app.css 中所做的更改不会更新页面
我正在使用 Zurb Foundation 工具包,它包含两个样式表,一个是用于编辑和添加元素的 app.css。添加到 app.css 的以下内容不会在我的索引页面上反映或更新。从我所见,这应该非常简单,但对我没有用。我正在使用 Aptana Studio 3。
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 视图机制。
ruby-on-rails - Rails 供应商文件夹
我正在使用zurb-foundation gem,但它使用的是foundation 2,而foundation 3 今天出来了。查看 gem 存储库,有一个名为 vendor/assets 的文件夹,其中包含所有资产(javascripts/css/images)。如果我下载新的基础资产并将它们放在我的 Rails 应用程序的 vendor/assets 文件夹中,它会覆盖 gem 资产吗?
html - CSS3框架,创建指定高度的中心内容区域
我知道 CSS 的基本知识,最近继续使用 CSS 框架,因为它让我的生活更轻松。我有一个关于网格系统的问题,目前正在使用 zurb Foundation 3 (http://foundation.zurb.com/)
我面临的问题主要是在创建行时我不能给它一个特定的高度。在我看来,网格系统被设计为按原样使用,我在不同的地方读到不建议尝试更改行的高度,而是将项目按原样放置在其中。
在我的项目中,我有一个内容区域,我想在其中显示一个固定的高度和宽度 div,但它不适合我。那么,谁能告诉我我该怎么办?下面是我的html代码
更新:编辑了html
ruby-on-rails - zurb-foundation javascripts 不工作
Javascripts 不工作。我错过了什么吗?我可以看到 javascript 和 css 文件在生成的 html 中。谢谢。
宝石文件
应用程序.js
应用程序.css.scss
生成的代码
javascript - jQuery 绑定/更改为下拉表单
我有一篇较长的帖子描述了我正在尝试做的事情,但我认为这没有必要,所以我把这个简单化了。我正在努力让 Zurb Foundation 使用 Datatables。除了下拉菜单之外,这很容易。作为一个 js 新手,我很难让它工作。这是 Foundation 下拉菜单的一般语法。
我遇到问题的地方是我的事件侦听器更新表格长度会在单击 UL 时触发,因此表格长度会使用先前选择的长度进行更新。因为 Foundation JS 是更新 UL LI 的那个,所以每次检测更改的尝试都不起作用,因为我的代码在 Foundation 将类应用于 LI 之前触发。
因此,要更新表格,我必须检测选项值的变化似乎很清楚
或在李
我尝试将 .change() 函数链接到上面以检测值的变化,但它给了我一个错误。我很迷失在这里。我花了很多时间试图解决这个问题。
编辑:为了清楚起见,我要做的是在选择下拉列表时获取正确的值。我现在得到一个值,但它是以前选择的,而不是刚刚选择的。由于 Foundation 的工作方式,我很难用我的绿带 jQuery 技能来做这件事。
谢谢。
ruby-on-rails-3 - 只有网格和表单的 Rails + Foundation
我想在我的 Rails3 应用程序中使用基础,但只使用表单和网格。
当我添加@import "foundation";
它时,一切正常..
但是当我使用@import "foundation/forms";
它时,它会崩溃并显示以下消息:
好像少了一些设置。。
这里有人有这方面的经验吗?
提前致谢!