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

html - 当我们将横向更改为纵向或将纵向更改为横向时如何在 iPad 中进行流畅的交易

我用纯 HTML 和 CSS 设计了基于 iPad 的网站,一切都很好,但我注意到的只有一件事,那就是当我们改变设备视图(从横向到纵向或反向)时,它的变化很小。

下面的标签我只添加了一部分,而不是从 CSS 设置的其他标签

0 投票
2 回答
4363 浏览

jquery - UIKit 下拉菜单不起作用

我已经尝试解决这个问题几个小时了,但找不到关于我的具体问题的任何信息。我试图关注由 UIKit 的开发人员制作的文档页面http://www.getuikit.com/docs/dropdown.html,但它的示例非常不完整,所以我也将使用该页面上使用的源代码作为这个:http ://www.cwu.edu/~cport/assets/uikit-master/src/tests/dropdown.html#

在这两种情况下,直接将他们的代码复制到 Dreamweaver 中,然后在浏览器中加载网页以进行测试,结果没有任何效果,但如果我直接访问他们的页面,下拉菜单和其他内容确实有效。

我不确定是什么导致了这种行为。这是我的 html 文件中的下拉菜单:

我的 nav.css 部分包含这些元素:

最后这里是我正在建立的现场网站来说明这个问题:http ://www.logopediaspeechtherapy.com/

我尝试了各种方式来尝试让它工作,从加载列表中的所有按钮到使导航对象保持相对位置。我知道下拉列表加载正确,如果我将样式更改为 display:block; 就可以看到它。对于 uk-dropdown div,但我无法让它在悬停或点击时显示。

我正在使用 UI Kit 2.8.0 和 JQuery 2.0.3

0 投票
1 回答
1327 浏览

html - UIKIT HTMLeditor 设计无法正常工作

嗨,伙计们,我遵循UIKIT的 html 编辑器示例我的问题是,虽然它工作正常,但设计不是......它与他们的文档上的内容不同我遵循了所有内容,但导航栏的 htmleditor 设计仍然是丑陋的这是我的代码,我不知道它是 css 还是 javscript 的问题,因为我已经根据他们的文档包含了它需要的所有依赖项

代码:

有人可以看看我的代码我似乎找不到什么遗漏或什么错误

0 投票
1 回答
3538 浏览

html - UIKIT Grid 列不彼此相邻

我正在使用 uikit 2.8.0。我正在尝试创建一个两列网格结构。但是这两列看起来并不相邻。第二列从第一列滑落。

我尝试了很多选择。但无论如何,第二个网格不会与第一个网格并排。

我怎样才能解决这个问题?有什么工具可以用来调试布局吗?我正在使用 chrome 开发人员工具,但没有任何成功。

0 投票
1 回答
1291 浏览

html - 使用 UIKit 的 Rails 登录表单

我有一个带有以下登录表单的 Rails 应用程序,它工作得很好,但还没有任何样式。

所以我想用 UIKit 添加一些 CSS 并尝试将 UIKit 主页中的示例改编为我的表单,如下所示:

但现在表单完全停止工作。任何想法为什么?

0 投票
1 回答
633 浏览

javascript - 清除 uikit html 编辑器

在保存关闭/取消我的模式时的数据后,我试图清除我的uikit html 编辑器的内容。

我尝试用这些代码清除它:

但它仍然无法正常工作。这里有人可以帮助我吗? 编辑:

这是我从数据库中提取数据的其他代码:

}

0 投票
0 回答
70 浏览

javascript - 如何使用 UIKit 制作类似 Stackoverflow 的标题栏(行)

我正在尝试使用以下代码使用UIKit制作类似 StackOverflow 的标题栏(或表单行) :

这是它现在的截图:

在此处输入图像描述

0 投票
0 回答
31 浏览

javascript - 在运行时将函数添加到动画函数数组

如何向函数数组 UI.switcher.animations 添加一个新函数,以便在运行时使用它?

上面的代码是 yoothemes uikit 的切换器组件的 Javascript 的一部分。这是github中完整代码的链接。 https://github.com/uikit/uikit/blob/acd4da2407070e6092459a1eab08f7020de72548/src/js/core/switcher.js

0 投票
1 回答
386 浏览

meteor - 用于 Meteor 中动态创建(反应式)DOM 的 UIkit Dropdown

我正在构建的应用程序在 sidenav 中将电子邮件帐户显示为下拉列表(或手风琴),如此所述。

多亏了UIkit 观察者,当数据在加载时存在时,下拉菜单可以正常工作。

代码看起来像这样(简化):

通过流星方法添加新帐户时,出现条目但下拉列表已死。只有当模板完全重新渲染时,它才会变得栩栩如生。这通常需要绕道到不存在菜单的其他页面。

  • 我怎样才能让观察者意识到变化?
  • 为什么观察者没有注意到变化并将它的魔法应用于新创建的条目?
  • 有没有办法手动将 JavaScript 下拉魔法分配给新创建的元素?

UIkit 版本:2.19.0

0 投票
1 回答
592 浏览

jquery - uikit 动态网格错误?

我最近决定开始一个新项目,由于它高度依赖动态网格,所以我决定使用uikit。但我无法让它毫无错误地工作。

这似乎是data-uk-grid-match.

这是示例 jsFiddle

以下是我使用data-uk-grid-matchwith时的一些输出示例data-uk-grid演示 1 演示 2 演示 3 演示 4 演示 5 演示 6