问题标签 [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.
ruby-on-rails - Foundation 3.0.5 安装问题与 rails 3.2.6
我刚刚开始了一个新项目并将 zurb-foundation 添加到 Gemfile。
捆绑安装显示 sass 兼容性问题,所以我运行捆绑更新和捆绑安装,一切似乎都很好。
但是当我按照文档(https://github.com/zurb/foundation-rails)中所说的那样执行rails g基础:安装时,它告诉我:找不到生成器基础:安装。
但是我做了捆绑安装,所以我不明白。
谢谢你的帮助 !
这是我的 Gemfile :
bundle install 的结果:
jquery - 使用 Zurb Foundation 的“Unreveal”模态
我在一个网站上使用 Zurb Foundation,我试图让一个模式窗口与 Reveal JS 插件一起工作。我看到您可以dismissModalClass
向传递给的参数添加一个选项,该选项reveal()
会将事件处理程序附加到按钮等,这将在单击时关闭模式。
有没有办法用 Reveal 手动关闭模态窗口?我希望能够将关闭方法附加到不同的自定义事件。
css - 在媒体查询更改时将列宽从 60% 更改为 100%
我正在使用Zurb Foundation 3框架,并且有以下布局。
当四列网格在中型显示器上消失时,如何使八列网格占据 100% 的宽度?在中型显示器上,当四列网格变为“显示:无”时,八列网格仍然只占用八列,而理想情况下它会填满 12 列(全宽)。
drop-down-menu - Zurb Css 框架下拉问题
我正在使用 Zurb Css 框架,如foundation.zurb.com/docs/forms.php中所述,我使用了与下面提供的相同的代码
但我看不到任何下拉菜单,上面的代码是从他们的网站复制粘贴的。
谢谢你。
javascript - 在 Google Apps 脚本中应用 DRY 原则
尝试在 Google Apps Script 中进行一些干净的编程。有谁知道如何重用经常重复的方法/属性链?例子:
这个问题对我有很多影响,但手头的任务(上图)是仅使用 GAS Javascript 将 Zurb Foundation 样式应用于各种表单元素。
有接盘侠吗?
ruby-on-rails - 响应式设计验证码/验证码
所以我正在创建一个 Rails 应用程序注册页面。我使用了 Zurb Foundation 网格来创建站点布局。我遇到的问题是,当网格调整大小时,recaptcha 并没有做同样的事情,并且开始超出它的界限。除了编辑 javascript 之外,似乎没有办法重新设计布局。有人知道验证码和导轨的良好响应式设计解决方案吗?
html - 有人将 Zurb Foundation 3.0 与 Twitter Boostrap 2.0 集成了吗?
我认为在 zurb 基础布局结构中使用 twitter bootstrap 将是有益的。
我只是以前没有尝试过,但我认为它是可行的。
计划使用 Foundation 的布局结构,将使用 Twiiter Bootstrap 的 thumb、dropdown、tipsy、icon 按钮。
css - zurb基础是否可以有全行宽
我正在使用基础 3 来构建响应式网站,但我想让页脚和导航背景宽度占据整个宽度?我已将我的行命名为
我试图寻找如何解决这个问题,但我没有选择。我假设它是foundation.css 文件中的一个小修复,但由于我是新手,目前它有点过于庞大。
任何指针都非常感谢。
javascript - Foundation 3 - customForms 复选框`es/单选按钮在动态加载时不起作用
我正在与Foundation 3合作。
而且我在使用自定义表单和 javascript 时遇到了问题。我使用显示插件登录和注册表单。如果我将表单静态加载到 HTML 中,一切正常。但是如果我动态加载它们(比如说 ajax),复选框和单选按钮就不起作用。即使在 reviel 之后,我也会调用“$.foundation.customForms.appendCustomMarkup”。我应该怎么办?我真的很喜欢那些自定义复选框和单选按钮。我如何将它们与动态加载的 HTML 一起使用?
javascript - 基于屏幕的jQuery中心元素,而不是页面大小
我有一个使用 Zurb 的Reveal Plugin显示的元素,我对它如何定位模态窗口有疑问。
它似乎将元素定位在页面的中心,在折叠上方。但是,如果模态窗口由折叠下方的链接激活,则用户无法看到该窗口。有没有办法根据当前滚动位置而不是整个页面来居中元素?
据我所知,这是插件的相关源代码:
变量集(ln 41):
动画 div (ln 61)