问题标签 [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 投票
1 回答
520 浏览

javascript - 如何修复 Vue 2 + UIKit 自动完成模板?

我对 Vue 2 + UIKit 自动完成有疑问。

UIKit 自动完成模板是以下代码

但是 Vue 2 似乎删除了标签内的任何script标签。

那么,我该如何解决这个问题?

0 投票
2 回答
1253 浏览

accordion - 如何自动激活 Getuikit 手风琴

我想用 Getuikit 解决我的问题。手风琴插件正在工作。但我想在页面加载时激活(点击)特定手风琴。我怎样才能做到这一点 ?

编辑:getuikit v2

示例:如何激活“Accordion 3 & Accordion 4”?

0 投票
1 回答
76 浏览

css - 如何使用 CSS 预处理器将扩展样式应用于不同类名的子选择器?

我需要为 Bootstrap 类名添加前缀。我不是说.my-prefix .bs-class用作包装器,我的意思是实际上为 BS 类名添加前缀,例如;.my-bs-class.

我已经探索过以编程方式执行此操作(使用 Gulp 进程),但是有些选择器对于我来说安全转换有点复杂,更不用说处理 mixin 复杂性了。

所以我想知道用 LESS 功能扩展 BS,而对于简单的用例,这很好用,例如;

对嵌套选择器做同样的事情并不像我希望的那样工作,我怀疑它不会。

使用这个 codepen:http ://codepen.io/davewallace/pen/MJrMVj 你可以看到一个我想要发生的简单例子,但是 CSS 输出是:

相对于:

我想要实现的目标是否可行,如果可以,如何实现?

注意:我对添加 BS 前缀的替代方法持开放态度,但是修改 BS 源所产生的技术债务是最不可取的,除非它是最小的。

编辑:如果另一种技术可以实现,我已经扩大了这个问题以包括任何 CSS 预处理器,以免将自己限制在 LESS 上。

0 投票
1 回答
1677 浏览

jquery - how to avoid modal hide when clicking body

I'm modifying a site which has modal with UIKit, that's the generic modal and how I open it, in this case, I want to hide the button.

That's works fine, but this modal can't be hidden, and it happen when clicking outside, I can't find how to do it.

My try:

But not working.

How can I do it?

0 投票
1 回答
287 浏览

uikit - 如何将 UIkit 与 Aurelia 集成

如何在 aurelia-cli 项目中将 UIkit 3 与 Aurelia 集成。aurelia.json 中需要哪些更改才能实现我的目的。

0 投票
1 回答
1414 浏览

javascript - UIkit.pagination 不是一个函数

我正在使用 UIkit Pagination,但它不起作用。我知道我在我的环境中安装了 UIkit,因为我正在使用 UIkit Modal、uploadDrop、uploadSelect 等,并且这些都运行良好。

这是我的分页按钮 HTML:

这是Javascript:

我一直在阅读此动态 uikit 分页的文档,目前位于https://getuikit.com/v2/docs/pagination-js.html,但我仍然无法成功运行它。

0 投票
1 回答
231 浏览

npm - npm 编译失败 – uikit3

我刚刚开始使用 UIKit3 (getuitkit.com),当 npm run watch 运行时我不断收到这个错误——我也不能使用 npm run compile。有任何想法吗?这是我使用手表时遇到的错误...

这用于编译...

0 投票
0 回答
138 浏览

javascript - Dropdown 使用 UIKit 将屏幕焦点向下推

我正在使用UIKit进行下拉。下拉菜单悬停在内容上,这对我来说是想要的行为。当按钮离屏幕底部太近以至于没有足够的空间来完全显示下拉菜单时,它会将屏幕焦点向下推。我不太确定是什么原因造成的,display:block;单击按钮时下拉菜单本身会出现,但它需要它是可见的。

有没有办法打开下拉菜单,但屏幕不会跳到底部?(所以人们可以看到他们缺少内容,他们的反应应该是向下滚动一点?)

我制作了一个 Codepen 来展示正在发生的事情。http://codepen.io/InstaK/pen/GWYwdM

0 投票
1 回答
1306 浏览

html - getuikit 模态窗口未显示

我有以下 html 代码:

我通过 getuikit cdn 链接加载 uikit 组件的地方。但是,模式窗口根本不显示。我不知道我是否正确地包含了所有内容。请帮忙。

0 投票
0 回答
112 浏览

navbar - UIKit 导航栏不工作尝试 CDN 并编译 LESS

从这里尝试点击模式示例https://getuikit.com/docs/navbar我得到了这个结果:https://i.imgur.com/S8TCL4F.png

我也无法让网格工作。就是这么简单。怎么可能行不通?

(请参阅默认情况下打开下拉菜单。包括 jQuery。)