问题标签 [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 回答
3490 浏览

jquery - 如何链接两个日期选择器,以便第一个日期选择器上的开始日期是第二个日期选择器上的最小日期?

我正在使用 UIKit 网络框架 (getuikit.com)

有什么办法可以使用两个日期选择器,以便第一个选择的开始日期与第二个日期选择器允许的最小日期匹配?(基本上让它像酒店/航班预订一样工作)

这是我在 JQuery 中尝试过的:

0 投票
1 回答
534 浏览

javascript - 在 Javascript 代码中参考 UIkit-Components

如何在 Javascript 中引用 UIkit 组件?我举了一个小例子来说明我的问题:

这是 HTML:

这是Javascript部分:

我还创建了这个作为 plunker:http ://plnkr.co/edit/U4ELL78YSsBbBHiwGnOQ

谢谢你的帮助!

0 投票
4 回答
1899 浏览

javascript - 如何正确附加动态 GetUIKit 手风琴?

我正在尝试将UIKit Accordions动态附加到可排序列表中。初始项目(手风琴)正在工作,但动态附加的项目不起作用

HTML

JavaScript

这是我为重现该问题而创建的最小示例。可排序的动态项目工作正常(可以拖动),但手风琴没有。单击它时,我得到:

我试过的:

  • 在可排序元素中使用data-uk-observe。我觉得使用它没有任何区别。

  • 尝试使用 UIKit API 初始化手风琴:

    这些都不能解决问题。

那么,如何正确附加动态 GetUIKit 手风琴呢?

JSFIDDLE

0 投票
1 回答
1404 浏览

html - Ukit 中的输入组

我正在尝试使用uikit创建输入组。我想像 bootstrap input-group class一样并排输入框和按钮。你能告诉我如何以及实现这一目标的最佳方法是什么?

感谢您的任何建议。

0 投票
1 回答
977 浏览

angularjs - UIKit 手风琴和 ng-repeat 不起作用

我正在使用 ng-repeat 向我的 UIKit data-uk-accordion 动态添加新的手风琴部分。

当我添加新的手风琴部分并单击标题以折叠时,我收到以下错误:

TypeError: wrapper is undefined,在 UIkit 2.24.2 的手风琴.js 的第 73 行: wrapper.data('toggle').toggleClass(this.options.clsactive);

我尝试添加data-uk-observe到手风琴 div 或其父 div 但没有任何效果,并且还尝试通过添加 id 手动重新启动手风琴,并从控制台运行 UIkit.accordion('#drivers') 但没有变化.

甚至试图UIkit.init()从控制台运行,但我得到了同样的错误。

任何想法如何重新启动手风琴?

0 投票
1 回答
1770 浏览

javascript - 带有 data-uk-scrollspy 的 UIkit 切换器

我在切换器上使用动画时遇到问题。我知道存在 data-uk-switcher="{connect:'#my-id', animation: 'fade'}" 但我想为 div 中的每个对象设置不同的动画。这确实有效,当页面加载时,但是在我单击按钮切换内容后,什么都没有显示。这是我的代码:

和切换器

0 投票
2 回答
4457 浏览

javascript - UIKit(getuikit)滑块组件拒绝工作

我不知道这个 UI 套件的滑块组件发生了什么。我已经成功使用了几个月的 UI 工具包(包括使用滑块),现在,在这个新网站上,它根本没有呈现(列表项显示为默认值,没有幻灯片功能等)。

我最初尝试拥有 UIKit 和 Jquery 的本地副本,但结果相同。这也发生在我的本地主机服务器上(所以希望这个错误是一个愚蠢的错误)。

整个php文件:

页面链接:http: //burn.blue/slider.php

编辑:它现在工作正常;我没有意识到我必须添加slider.min.js 或slider.min.css。

0 投票
1 回答
192 浏览

html - 带有 UIkit 的小屏幕样式

当一个块在另一个块下移动时,如何为小屏幕上的某些元素设置不同的样式?例如:将第一个块设为红色。

jsfiddle

0 投票
2 回答
4720 浏览

javascript - UIkit:将切换器选项卡设置为当前窗口哈希

我在这里向更多的观众提出这个问题——这是没有记录的。

在 UIkit 中为我的登录表单使用选项卡切换器。这是标记:

当窗口哈希为#help时,我需要将活动选项卡设置为“帮助”选项卡。看来我只是部分地完成了这一点,如下:

但是我在某处错过了一步,因为现在我无法返回“新会话”选项卡。

上面的方法如何覆盖内置行为?如果是这样,那么该方法显然是不正确的——在这种情况下,正确的方法是什么?

0 投票
5 回答
6664 浏览

css - 更改 uikit 的默认 CSS 字体

锄头你改变了uikit的默认字体吗?UIKit

默认字体是

及其在 html 元素标签上的设置。如果我将 html 标记中的自定义样式上的此字体更改为其他字体,它不会覆盖更改。我可以使用重要的东西来改变事情:

这会按预期更改全局字体,font-awesome 显然不再有效,因为 !important 写得太多了。有任何想法吗?