问题标签 [getuikit]

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 投票
2 回答
454 浏览

javascript - 一起获取 Ember.js 和 uikit

我的 Ember.js 设置有问题。我很想使用uikitbower install --save uikit并通过Ember.js 项目依赖项安装它。现在的问题是,JavaScript 部分不起作用。

我也用谷歌搜索并在 Stackexchange 上找到了这个答案:EmberJS 和 UIKIT但我已经导入了 uikit,就像已经描述的 ist 一样。

到目前为止,感谢您帮助我 bMalum

0 投票
2 回答
814 浏览

javascript - uikit parallax:为什么背景尺寸被改变了?

我正在尝试使用 ulkit 的视差 UI 来获得视差背景图像。但是,由于某种原因,ulkit 使背景尺寸大于我的背景图像。我简单的补充了data-uk-parallax="{bg:'-200'}"一下,我的背景图片大小是1440*700,容器的宽度是1920px,但是ulkit是加了一个内联样式background-size:21xxpx 15xxpx

即使在演示页面中,在第一个示例中,背景图片的原始大小是 800*400,容器的宽度是 822.75px,但是 ulkit 正在添加background-size:1223px 612px到容器中,这是为什么呢?有没有办法防止这种情况发生?

0 投票
0 回答
1454 浏览

javascript - 如何使用 UIKit 制作响应式网格?

我正在使用 UIKit 框架构建我的整个网站。我在让响应式网格工作时遇到了很多麻烦,我的代码已附加。

我希望网格在小于中间断点的所有屏幕上堆叠在一起。当我调整浏览器窗口的大小时,它工作得很好,但是当我使用 chrome 在响应式测试中对其进行测试时,它根本不起作用。另外值得注意的是,当我在本地测试页面而不将其上传到服务器时,响应式网格工作正常,但响应式高度和宽度类不起作用

提前致谢

0 投票
2 回答
572 浏览

html - UiKit 字体不工作

我已经开始在一个项目中使用 UiKit,包括它:

但是 uikit 字体(真棒)不起作用。当包含来自 cdnjs 的 uikit 时,如何让它工作?

0 投票
0 回答
471 浏览

javascript - 如何将 UIKIT HTML 框架日期选择器组件转换为 Jalali 日历

我在我的项目中使用 UIKIT HTML 框架,对此我有一个大问题,UIKIT Datepicker组件使用 moment.js 库来配置时间和日期,但我需要将 Datepicker 的日期转换为 Jalali(Shamsi, Persian) 日期。我正在 GitHub 上搜索并找到Moment-Jalali插件,但不幸的是,我无法弄清楚如何覆盖 UIKIT Datepicker !!! :( 。 你能帮助我吗 ?

0 投票
1 回答
47 浏览

javascript - 如何获取getUIKit事件参数的className

在底部的本文档中,有关于事件及其参数(事件、下一张幻灯片、当前幻灯片)的信息。

我怎样才能className得到nxt_slideand cur_slide

0 投票
1 回答
2331 浏览

jquery - 无法读取自定义 UIKit 事件

UIKit 有几个被触发的自定义事件。例如,切换选项卡时,change.uk.tab会触发一个事件 ( https://getuikit.com/docs/tab.html )。问题是我只能在 JQuery 前面"$"加上UIKit.$. 就好像 UIKit 的 jQuery$返回了一个不同的对象。

因此,例如,这将起作用:

这是html:

但是,如果我要删除"UIkit."并仅使用该"$"对象:

那我就看不到这个change.uk.tab事件了。(也就是说,该console.log行永远不会执行。)这是为什么?"UiKit.$"和 just 和有什么不一样"$"

0 投票
1 回答
429 浏览

javascript - 使用 jQuery 将 UIKit 的 Slideshow 源图片替换为基于 srcset 的响应式图片

HTML:

jQuery:

UIKit提供了幻灯片功能,我正在使用它,它工作得很好。它的工作方式是将每个图像幻灯片用作动态创建的 div 上src的内联样式属性。background-image一切正常。

问题是 UIKit 没有使用提供的适当大小的图像(根据devtoolssrcset中的信息,它也可以正常工作),它只是抓住了后备,因此在移动设备上时获得了相当高分辨率的图像。currentSrcimg src

我正在尝试遍历元素并将内联样式的background-image源替换为currentSrc,但我碰壁了。

each()方法正在发挥它的魔力,控制台srcset在较小的屏幕上根据适当的源记录较小尺寸的图像,但内联样式的设置无处可去。

所以我错过了一些东西,它可能会很明显很刺眼,但除了睡觉之外,我还需要帮助。

谢谢。

编辑:将代码更新到更好的工作位置,现在只有最后一点不起作用。

0 投票
1 回答
2119 浏览

javascript - uikit滑块javascript初始化

我是 JS 的新手,需要用 var slider = UIkit.slider(element, { /* options */ }); 初始化 UIKit 的 Slider 组件;如文档中所述。所以在 my.js 文件中我输入了

});

在 my.html 中

但是没有出现滑块?

0 投票
1 回答
1016 浏览

javascript - 如何在 UIkit 滑块中放置点导航

如何为 uikit 的滑块组件添加点导航。我试过了,

但只有点显示?