问题标签 [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.
javascript - 一起获取 Ember.js 和 uikit
我的 Ember.js 设置有问题。我很想使用uikitbower install --save uikit
并通过Ember.js 项目依赖项安装它。现在的问题是,JavaScript 部分不起作用。
我也用谷歌搜索并在 Stackexchange 上找到了这个答案:EmberJS 和 UIKIT但我已经导入了 uikit,就像已经描述的 ist 一样。
到目前为止,感谢您帮助我 bMalum
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
到容器中,这是为什么呢?有没有办法防止这种情况发生?
javascript - 如何使用 UIKit 制作响应式网格?
我正在使用 UIKit 框架构建我的整个网站。我在让响应式网格工作时遇到了很多麻烦,我的代码已附加。
我希望网格在小于中间断点的所有屏幕上堆叠在一起。当我调整浏览器窗口的大小时,它工作得很好,但是当我使用 chrome 在响应式测试中对其进行测试时,它根本不起作用。另外值得注意的是,当我在本地测试页面而不将其上传到服务器时,响应式网格工作正常,但响应式高度和宽度类不起作用
提前致谢
html - UiKit 字体不工作
我已经开始在一个项目中使用 UiKit,包括它:
和
但是 uikit 字体(真棒)不起作用。当包含来自 cdnjs 的 uikit 时,如何让它工作?
javascript - 如何将 UIKIT HTML 框架日期选择器组件转换为 Jalali 日历
我在我的项目中使用 UIKIT HTML 框架,对此我有一个大问题,UIKIT Datepicker组件使用 moment.js 库来配置时间和日期,但我需要将 Datepicker 的日期转换为 Jalali(Shamsi, Persian) 日期。我正在 GitHub 上搜索并找到Moment-Jalali插件,但不幸的是,我无法弄清楚如何覆盖 UIKIT Datepicker !!! :( 。 你能帮助我吗 ?
javascript - 如何获取getUIKit事件参数的className
在底部的本文档中,有关于事件及其参数(事件、下一张幻灯片、当前幻灯片)的信息。
我怎样才能className
得到nxt_slide
and cur_slide
?
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 和有什么不一样"$"
?
javascript - 使用 jQuery 将 UIKit 的 Slideshow 源图片替换为基于 srcset 的响应式图片
HTML:
jQuery:
UIKit提供了幻灯片功能,我正在使用它,它工作得很好。它的工作方式是将每个图像幻灯片用作动态创建的 div 上src
的内联样式属性。background-image
一切正常。
问题是 UIKit 没有使用提供的适当大小的图像(根据devtoolssrcset
中的信息,它也可以正常工作),它只是抓住了后备,因此在移动设备上时获得了相当高分辨率的图像。currentSrc
img src
我正在尝试遍历元素并将内联样式的background-image
源替换为currentSrc
,但我碰壁了。
该each()
方法正在发挥它的魔力,控制台srcset
在较小的屏幕上根据适当的源记录较小尺寸的图像,但内联样式的设置无处可去。
所以我错过了一些东西,它可能会很明显很刺眼,但除了睡觉之外,我还需要帮助。
谢谢。
编辑:将代码更新到更好的工作位置,现在只有最后一点不起作用。
javascript - uikit滑块javascript初始化
我是 JS 的新手,需要用 var slider = UIkit.slider(element, { /* options */ }); 初始化 UIKit 的 Slider 组件;如文档中所述。所以在 my.js 文件中我输入了
});
在 my.html 中
但是没有出现滑块?
javascript - 如何在 UIkit 滑块中放置点导航
如何为 uikit 的滑块组件添加点导航。我试过了,
但只有点显示?