问题标签 [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 - UI 套件:使用组件(初学者)
我寻找这个问题的答案,但找不到任何答案。
我想知道如何使用 UIkit 组件。我正在创建一个简单的页面 (HTML/CSS),但我无法使用 UIkit 的功能。例如,我想使用tooltip 组件。这是我用来在标题中“引入”相关 css/js 组件的代码(不知道该术语):
文件夹的路径是正确的 - 我认为这些链接的格式可能是错误的。请让我知道您可能需要的其他信息。谢谢!
jquery - 将 delay() 与 removeClass() 一起使用
如何延迟删除 jQuery 中的 css 类?
这是我的代码
上面的代码什么都不做。我可以使用以下代码添加类
我可以删除它
但我不能延迟课程的移除。
javascript - UIkit 选项卡和切换器在部分刷新后不起作用
好吧,这有点特别。我们在 XPages 应用程序中使用 UIkit。我们还使用选项卡和切换器组件(http://getuikit.com/docs/tab.html和http://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
由于这是库本身的一部分,我想找到一种从库外部调用它的方法。
任何想法都受到高度赞赏!
uikit - Aurelia 和 UIkit scrollyspy
我正在尝试将 UIkit scrollspy 与 aurelia 一起使用,但无法使其正常工作。我下载了skeleton-navigation并用jspm安装了uikit。里面app.js
我有:
UIkit css 元素工作正常,但 scrollspy 不起作用。我的html中有这样的东西:
html - 为什么这个下拉菜单在 UIKit 中不起作用?
我正在使用 UIKit 尝试将 HTML 列表显示为导航栏。导航栏有几个元素,其中一些有嵌套的子元素。我正在尝试检查我正在编写的 Wordpress 主题是否支持 Wordpress 单元测试。
请参阅下面的 GIF:
如您所见,当我将鼠标悬停在 Level 1 上时,下拉菜单正确显示。如果我将光标移到 Level 2 上,下拉菜单将关闭,而不是显示 Level 2 项目的内容。如果我快速将光标移过 2 级项目并移动到 2A 级或 2B 级项目(没有关联的下拉菜单)上,下拉菜单保持打开状态。
这是 1 级li
项目的 HTML:
完整的导航栏 HTML 在这里(如果问题不在于 Level 1 li
):
HTML中是否存在导致此问题的错误?
javascript - UIkit CSS Drag/Drop 文件上传组件
我无法让 UIkit 上传组件在我的 Web 应用程序中工作。我已经包含了上传组件 JS、占位符 css 和表单文件 css。
直接来自文档中示例的代码甚至不适合我。(有一些小的改动)
HTML
JS
上传.php
angularjs - AngularJS:表单中的第一个按钮会在按下输入按钮时触发,即使它不是提交按钮
如果我在编辑后按回车键input_a
,processInputA()
就会调用。该submit()
功能被省略。
这不会发生input_b
:即使它类似于 ,它也可以按预期工作input_a
。该submit()
函数按预期调用。
input_a
触发后如何防止按钮?
AngularJS:http ://angular-meteor.com
风格: http: //getuikit.com
html - css uikit 网格组件:Google Chrome 中 div 中的文本重叠
我正在使用 uikit 网格组件在以下网页上显示书籍/期刊订阅: http ://booktest.ersnet.org/PublicationsSubscriptions/
在 Firefox 和 Internet Explorer 中一切看起来都很好。但是对于谷歌浏览器,我在显示项目描述时遇到了问题。描述文本与其他列重叠。
我已经在网上搜索并尝试通过使用一些 css 技巧来解决问题:display:block; 溢出:隐藏;明确:两者;暂时没有成功。
如果有人可以帮助我,我将不胜感激。
html - 如何使用 HTML::tag() 方法显示 HTML5 标签?
我想回显以下 HTML 标记:
我调查了 yii2 HTML 帮助源。似乎不可能用 HTML::tag() 方法回显标签。我对吗?
当然我可以简单地做:
但我对不同的可能性感到好奇。
什么是最好的解决方案?
javascript - 将自定义 JS 文件和字体添加到您自己的 UIkit 发行版中的最佳方法是什么
我们可以使用 gulp 任务创建自己的 UIKit 发行版:
这将创建一个文件夹dist
并从 LESS 文件生成缩小的 CSS 和 JS 文件。
对于我的项目,我有自定义 JS 文件和字体。如果我将字体和 js 的子文件夹放在我的主题文件夹中,gulp 任务不会考虑它们。
如果我把它们放在src
文件夹中,它们就会被添加到我的发行版中。
这是一种好的做法,还是我应该怎么做才能将代码排除在 uikit 代码之外,然后生成我自己的发行版?