问题标签 [gumby-framework]

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 回答
57 浏览

javascript - 将 Nivoslider 与 Gumby 一起使用

我正在尝试将 Nivoslider 与 Gumby 一起使用,但每次我将代码复制到我的主页时,它都不起作用。该演示工作正常,我将它移到 Gumby 文件夹中并且没有问题,就在我将它放入 gumby 页面时。

有没有其他人有这个问题?

0 投票
1 回答
442 浏览

css - Gumby 框架入门

我刚遇到Gumby 框架,我已经从他们的网站下载了 zip 文件。当我在网上查找一些“教程”时,我发现他们在谈论诸如 Bower 之类的工具。我真的无法理解所有这些,所以我暂时搁置了它。

我浏览了 zip 文件夹。我找到了各种 css、img、js 等文件夹。我找到了一些列出 UI 组件等的网页。现在我做了一个自己的网页,并使用了它的导航栏、div 元素等。我编辑了中间的 CSS 文件以适应我的段落,等等

但是当我在 Gumby Framwork 上寻求帮助时,我几乎总是会发现提到这个 Bower 工具。

有什么我做错了吗?我应该像现在这样继续使用 Gumby,还是应该真正研究一下这个工具?

0 投票
1 回答
409 浏览

sass - Gumby SCSS 框架 - 对 Retina 背景图像使用 Respond

关于在 Gumby 框架中使用响应 mixin 的非常具体的问题。

要使视网膜背景图像在 CSS 中正常工作,您需要使用响应 mixin ( http://gumbyframework.com/docs/mixins/#!/respond ),并传递 'min-device-pixel-ratio' 属性.

我不认为在 gumby 中做出响应是为了做到这一点,但也许这里有人尝试过?使用传统的媒体查询很容易,但我想尽可能使用框架挂钩,保持我的代码库简洁。

有什么见解吗?下面的代码示例 - 我认为这就是您在 SCSS 中格式化它的方式。

这就是我得到的 CSS 输出

0 投票
3 回答
14699 浏览

html - 通过js添加类不会触发css动画

我有一个修改版本animate.css(添加了一些延迟、新的时间和新的位置),当默认设置类(html 文档)时,它的效果非常好。但是当我通过js动态添加动画类时,动画没有执行!

更烦人的是,我确实让它在某个时候工作,但我无法让它再次工作(使用 gumby 框架和 inview js 在元素出现在屏幕上时添加一个类(添加 .animated))。左边的盒子已经在 html 中的类,右边的盒子有 .animate 由 js 添加的类。

示例: http:
//onepageframework.com/28_2_14/strange_anim.html

任何想法为什么正确的盒子没有动画?

使用 Gumby inview 扩展:http ://gumbyframework.com/docs/extensions/#!/inview

编辑:添加html:

CSS:

0 投票
1 回答
852 浏览

javascript - jquery noUiSlider multiply slider value

Is it possible to get the value separately from each slider ? I have been working for several days now, and I'm about to be desperate. I hope that there is a kind soul who can help me.

Here is my code:

0 投票
2 回答
700 浏览

modx - Modx formz 不保留提交的值,也不保留其错误消息

我想通过 modx 插件 formz 将 gumbyframework 用于我的表单。为此,我必须在下面创建自己的块。我“认为”我拥有所有需要的元素,并且使用了块,所以我看不出为什么它不能正常工作。但是会显示主要错误消息。

我也收到此错误消息,但我不知道它是否与formz有关。

表单Tpl

字段Tpl

字段换行

字段类型

0 投票
3 回答
4967 浏览

javascript - 使用花式选择选择一个选项

我有一个花哨的选择,其代码类似于以下,但将selected=selected属性添加到选项之一(使用 JS)不会更改当前选择的项目。

如何更改所选选项并将此更改反映在选择框中。

0 投票
1 回答
9852 浏览

html - CSS在激活时改变不同元素的样式

尝试使用纯 HTML/CSS 通过单击另一个图像(图像库查看器)来更改图像的内容。

我正在使用该gumby.css 框架,目前有以下 HTML:

以及以下CSS:

第一个 css 规则#sect .three.columns img:hover完美运行,表明我选择了正确的元素。但是第二个#sect .one.column img:active ~ #sect .three.columns img在激活时什么也不做。

的含义请参考这里~

有人有想法么?

谢谢。

0 投票
1 回答
88 浏览

javascript - HTML 脚本 .load 阻止响应式元素

我正在使用gumby frameworkfrom here,一切似乎都很顺利。我想实现一个移动导航列表(链接分组在一个按钮下,详见此处)。

这适用于普通的 HTML 页面,但由于我有多个具有相同页眉(导航栏)/页脚的页面,我决定将所有 HTML 放在单独的文件中,并使用脚本加载它们:

问题是当我这样做时,我的移动导航列表不起作用好像移动导航栏正在初始化,然后文档加载 HTML 导致没有钩子)。我希望有一个简单的解决方法。有任何想法吗?

谢谢。

0 投票
1 回答
445 浏览

javascript - Gumby Framework - JQuery 触发 onclick 事件两次

我正在使用 Gumby CSS 框架创建一个新站点:http: //gumbyframework.com

当我使用他们的 JQuery 检查按钮单击并包裹在他们的 Gumby JS 就绪函数中时

该事件被触发两次。我花了一段时间尝试调试但无法解决。

CodePen 演示在这里:http ://codepen.io/ptimson/pen/LseFk?editors=101

HTML

JS

注意:删除 Gumby.ready 有效,但我需要保留该功能,以便我知道 Gumby 功能可用,对吗?