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

javascript - UI 套件:使用组件(初学者)

我寻找这个问题的答案,但找不到任何答案。

我想知道如何使用 UIkit 组件。我正在创建一个简单的页面 (HTML/CSS),但我无法使用 UIkit 的功能。例如,我想使用tooltip 组件。这是我用来在标题中“引入”相​​关 css/js 组件的代码(不知道该术语):

文件夹的路径是正确的 - 我认为这些链接的格式可能是错误的。请让我知道您可能需要的其他信息。谢谢!

0 投票
5 回答
4923 浏览

jquery - 将 delay() 与 removeClass() 一起使用

如何延迟删除 jQuery 中的 css 类?

这是我的代码

上面的代码什么都不做。我可以使用以下代码添加类

我可以删除它

但我不能延迟课程的移除。

0 投票
1 回答
3639 浏览

javascript - UIkit 选项卡和切换器在部分刷新后不起作用

好吧,这有点特别。我们在 XPages 应用程序中使用 UIkit。我们还使用选项卡和切换器组件(http://getuikit.com/docs/tab.htmlhttp://getuikit.com/docs/switcher.html)。在我们对页面进行部分刷新之前,它们工作正常。原因是这些组件仅在页面加载后初始化一次。这直接发生在我们绑定到页面的库中 - 没有自己的初始化脚本等。刷新后我必须重新初始化整个东西 - 但我不熟悉语法甚至可能性。不过,我搜索了 UIkit lib 并发现了如下内容:

为连接的切换器组件创建了类似的代码。

你可以在这里看到我的问题的演示:http: //notesx.net/customrenderer.nsf/demo.xsp

源代码在这里:https ://github.com/zeromancer1972/CustomRendererDemo/blob/master/ODP/XPages/demo.xsp

由于这是库本身的一部分,我想找到一种从库外部调用它的方法。

任何想法都受到高度赞赏!

0 投票
1 回答
579 浏览

uikit - Aurelia 和 UIkit scrollyspy

我正在尝试将 UIkit scrollspy 与 aurelia 一起使用,但无法使其正常工作。我下载了skeleton-navigation并用jspm安装了uikit。里面app.js我有:

UIkit css 元素工作正常,但 scrollspy 不起作用。我的html中有这样的东西:

0 投票
1 回答
1285 浏览

html - 为什么这个下拉菜单在 UIKit 中不起作用?

我正在使用 UIKit 尝试将 HTML 列表显示为导航栏。导航栏有几个元素,其中一些有嵌套的子元素。我正在尝试检查我正在编写的 Wordpress 主题是否支持 Wordpress 单元测试。

请参阅下面的 GIF:

导航栏 GIF

如您所见,当我将鼠标悬停在 Level 1 上时,下拉菜单正确显示。如果我将光标移到 Level 2 上,下拉菜单将关闭,而不是显示 Level 2 项目的内容。如果我快速将光标移过 2 级项目并移动到 2A 级或 2B 级项目(没有关联的下拉菜单)上,下拉菜单保持打开状态。

这是 1 级li项目的 HTML:

完整的导航栏 HTML 在这里(如果问题不在于 Level 1 li):

HTML中是否存在导致此问题的错误?

0 投票
1 回答
5308 浏览

javascript - UIkit CSS Drag/Drop 文件上传组件

我无法让 UIkit 上传组件在我的 Web 应用程序中工作。我已经包含了上传组件 JS、占位符 css 和表单文件 css。

直接来自文档中示例的代码甚至不适合我。(有一些小的改动)

HTML

JS

上传.php

0 投票
1 回答
602 浏览

angularjs - AngularJS:表单中的第一个按钮会在按下输入按钮时触发,即使它不是提交按钮

如果我在编辑后按回车键input_aprocessInputA()就会调用。该submit()功能被省略。

这不会发生input_b:即使它类似于 ,它也可以按预期工作input_a。该submit()函数按预期调用。

input_a触发后如何防止按钮?

AngularJS:http ://angular-meteor.com

风格: http: //getuikit.com

0 投票
2 回答
327 浏览

html - css uikit 网格组件:Google Chrome 中 div 中的文本重叠

我正在使用 uikit 网格组件在以下网页上显示书籍/期刊订阅: http ://booktest.ersnet.org/PublicationsSubscriptions/

在 Firefox 和 Internet Explorer 中一切看起来都很好。但是对于谷歌浏览器,我在显示项目描述时遇到了问题。描述文本与其他列重叠。

我已经在网上搜索并尝试通过使用一些 css 技巧来解决问题:display:block; 溢出:隐藏;明确:两者;暂时没有成功。

如果有人可以帮助我,我将不胜感激。

0 投票
1 回答
491 浏览

html - 如何使用 HTML::tag() 方法显示 HTML5 标签?

我想回显以下 HTML 标记:

我调查了 yii2 HTML 帮助源。似乎不可能用 HTML::tag() 方法回显标签。我对吗?

当然我可以简单地做:

但我对不同的可能性感到好奇。

什么是最好的解决方案?

0 投票
1 回答
52 浏览

javascript - 将自定义 JS 文件和字体添加到您自己的 UIkit 发行版中的最佳方法是什么

我们可以使用 gulp 任务创建自己的 UIKit 发行版:

这将创建一个文件夹dist并从 LESS 文件生成缩小的 CSS 和 JS 文件。

对于我的项目,我有自定义 JS 文件和字体。如果我将字体和 js 的子文件夹放在我的主题文件夹中,gulp 任务不会考虑它们。

如果我把它们放在src文件夹中,它们就会被添加到我的发行版中。

这是一种好的做法,还是我应该怎么做才能将代码排除在 uikit 代码之外,然后生成我自己的发行版?