问题标签 [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.
javascript - 将 Nivoslider 与 Gumby 一起使用
我正在尝试将 Nivoslider 与 Gumby 一起使用,但每次我将代码复制到我的主页时,它都不起作用。该演示工作正常,我将它移到 Gumby 文件夹中并且没有问题,就在我将它放入 gumby 页面时。
有没有其他人有这个问题?
css - Gumby 框架入门
我刚遇到Gumby 框架,我已经从他们的网站下载了 zip 文件。当我在网上查找一些“教程”时,我发现他们在谈论诸如 Bower 之类的工具。我真的无法理解所有这些,所以我暂时搁置了它。
我浏览了 zip 文件夹。我找到了各种 css、img、js 等文件夹。我找到了一些列出 UI 组件等的网页。现在我做了一个自己的网页,并使用了它的导航栏、div 元素等。我编辑了中间的 CSS 文件以适应我的段落,等等
但是当我在 Gumby Framwork 上寻求帮助时,我几乎总是会发现提到这个 Bower 工具。
有什么我做错了吗?我应该像现在这样继续使用 Gumby,还是应该真正研究一下这个工具?
sass - Gumby SCSS 框架 - 对 Retina 背景图像使用 Respond
关于在 Gumby 框架中使用响应 mixin 的非常具体的问题。
要使视网膜背景图像在 CSS 中正常工作,您需要使用响应 mixin ( http://gumbyframework.com/docs/mixins/#!/respond ),并传递 'min-device-pixel-ratio' 属性.
我不认为在 gumby 中做出响应是为了做到这一点,但也许这里有人尝试过?使用传统的媒体查询很容易,但我想尽可能使用框架挂钩,保持我的代码库简洁。
有什么见解吗?下面的代码示例 - 我认为这就是您在 SCSS 中格式化它的方式。
这就是我得到的 CSS 输出
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:
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:
modx - Modx formz 不保留提交的值,也不保留其错误消息
我想通过 modx 插件 formz 将 gumbyframework 用于我的表单。为此,我必须在下面创建自己的块。我“认为”我拥有所有需要的元素,并且使用了块,所以我看不出为什么它不能正常工作。但是会显示主要错误消息。
我也收到此错误消息,但我不知道它是否与formz有关。
表单Tpl
字段Tpl
字段换行
字段类型
javascript - 使用花式选择选择一个选项
我有一个花哨的选择,其代码类似于以下,但将selected=selected
属性添加到选项之一(使用 JS)不会更改当前选择的项目。
如何更改所选选项并将此更改反映在选择框中。
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 功能可用,对吗?