首页 > TAG信息列表 > zurb-foundation

java-向GWT添加前端框架

我通常使用wicket或php在Java中进行Web开发,而使用zurb基础构建UI.最近,尽管有人要求我使用GWT进行一些开发.我正在加快步伐,但想知道是否有一种方法可以添加诸如Foundation之类的前端框架.我找到了一个引导实现here,并且想知道是否创建这样的包装程序是执行此类操作的唯一方法.解

javascript-循环中的Foundation.MediaQuery.current(第一次迭代始终不显示任何内容,接下来的总是正确的)

我使用Foundation.MediaQuery.current确定当前断点.每次我第一次调用console.log(Foundation.MediaQuery.current)(n = 0)时,我一无所获. 对于所有下一个呼叫(n> 0),我总是得到正确的断点,比方说大. 这是我的功能: _calculateLimit = function () { var postsInjectedCount = c

javascript-显示模态中的Google Map API无法完全显示

我在div内有一个Google Map时遇到问题,单击按钮会在屏幕上弹出该地图. Google地图仅部分显示.我知道我需要创建一个调整大小的事件,但是不知道如何放置或在何处放置它.任何帮助将非常感激!请记住,我不太了解JS! 链接到测试网站:点击GOOGLE地图按钮,即可查看问题: http://simplicitdesig

javascript-使用ember.js 2.0的ember cli应用程序中的基础

我正在使用ember-cli开发余烬应用程序. 余烬版本为“ 2.0.0-beta.2” 我正在将Foundation 5集成到应用程序中,为基础安装了Bower软件包,并将其包含在ember-cli-build.js文件中 app.import('bower_components/foundation/js/foundation/foundation.js'); app.import('bower_compone

javascript-纯HTML与React.相同的内容不能平等地呈现.为什么?

我使用的是React 0.14和Foundation 5.5.2,并且在使用Foundation的button groups时注意到了一件奇怪的事情.当我用纯HTML编写它们时,按钮组占据了整个水平空间,但是当我使用React编写它们时,它们并没有t,即使我使用的是完全相同的代码. 我使用了一些CSS diff工具,但两者之间的样式没

javascript – AngularJS:如何在加载时阻止页面中的“代码闪存”

我使用AngularJS创建了一个简单的应用程序.当我打开页面一秒钟时,我会看到下面的屏幕: 但是,在加载完成后,我看到加载和样式化的内容很好: 如何防止页面上的AngularJS代码闪存?这与FOUC有关吗? 这是HTML代码: <!doctype html> <html class="no-js" lang="en" ng-app="MainApp"> <head>

javascript – zurb foundation 3中的固定宽度列

如何在zurb foundation 3中实现固定列网格?目前,基金会的网格是流动的,并且基于百分比.我想实现类似于bootstrap(非流体)网格的东西,其中只有4个posibilites显示你的网格如何显示(至少直到它下降到移动,这是流动的) 我想保留基础网格的功能(和语义),所以我不想简单地将它换成自举网

javascript – Foundation 6 Off-canvas菜单在点击后自动关闭

我一直在搜索如何在单击某个菜单项后自动关闭画布菜单但似乎没有任何效果. 所以我按照指南介绍了如何在Foundation 6文档上制作非画布菜单并且它有效.这部分没关系.现在,当我点击一些链接菜单时,就在那里,我希望它关闭.有谁知道如何解决这个问题. 我发现了应该做的技巧,但我的菜单

javascript – 显示模态弹出基础:防止关闭弹出窗口

我正在使用reveal-modal popup http://foundation.zurb.com/docs/components/reveal.html. 是否存在内置方法以防止关闭esc键上的弹出窗口.或者我怎样才能让它发挥作用? 我试过以下, $(document).keyup(function(e) { if (e.keyCode === 27) { return e.preventD

javascript – 第二个zurb Reveal Modal窗口 – 可能吗?

我正在使用Zurb的Reveal在网页上显示模态窗口. 我必须在已打开的模态窗口上显示一个小模态窗口(后者包含一个表单). 我添加了onclick =“$(‘#ypopup’).reveal();”到窗体上的一个元素,并将#ypopup(第二个模态div)的z-index设置为9999.这样第二个模态显示得很好. 但当我关闭它时,

javascript – 让Foundation 4 JS在WP中工作的问题

我正在将Foundation 4与Bones合并以创建WP Starter主题.我使用基金会3的JS工作得很好,但现在我正在尝试实施Foundation 4 JS,我遇到了一些问题. 我按照Foundation 4 JS Documentation中的步骤进行了操作,但仍然没有运气.这是我在关闭body标签之前直接放置的代码(我知道正确的方法是

javascript – Zurb Foundation Offcanvas菜单在以编程方式切换后停止工作

我在一个WordPress主题中使用了Zurb Foundation 5和一个offcanvas菜单,这是一个普遍的工作,但我遇到了一个问题: 除了顶栏中的汉堡包图标外,我还可以选择在单击固定位置div元素.back-to-menu时打开菜单. 为了实现这一点,我使用该方法以编程方式打开offcanvas菜单,如Zurb的文档中所述

javascript – 如何使用Foundation的响应式导航将类应用于body元素?

我正在使用Foundation的Responsive Navigation来显示移动汉堡图标.对于我的生活,我无法弄清楚如何在显示移动菜单时将一个类应用于body元素(点击Hamburger图标后) 有人能告诉我我做错了什么吗?目前,切换汉堡包时唯一发生的事情是在.mobile-nav div上切换样式属性“display:none”.我

javascript – 在Rails 4中使用Foundation和Turbolinks时遇到麻烦

我有一个带2个按钮的标题:登录并注册Like this. 当我点击其中一个时,会出现一个窗口:window open.为此,我使用了基础(Reveal Modal)的“显示模态”. 我的问题:如果我点击链接打开我的网站的新页面并尝试打开/关闭登录或注册弹出窗口,窗口关闭,但这次阴影停留(like this),我需要按F5这