问题标签 [getuikit]

在我的项目中，我成功地使用了 UIKit（直到现在）。最近我第一次尝试使用 UIKit 手风琴，但失败了。

所以我将代码简化为这个

它不起作用。

我尝试了不同版本的 UIKit 和 jquery ......没有效果。

jsbin（http://jsbin.com/fusapomoze）上的这个例子也不起作用

https://getuikit.com/docs/accordion.html上的文档显示了它应该如何工作......

我想要发生的事情：导航栏中的前三个列表项应该对应于内容区域中的前三个内容项。下拉列表中的三个列表项应与其余三个内容项相对应。将鼠标悬停在下拉图标上应显示列表，但下拉图标不应链接到任何位置。

实际情况：前三个列表项正常工作并链接到前三个内容项。下拉框动画正确，但其中的项目都链接到第 4 个内容项目。单击下拉框的图标也链接到第 4 项。

这是代码（生成了很多代码，所以我从 FireBug 中获取了代码，这就是为什么存在“uk-active”类和“aria-hidden”属性的原因）：

基本上，第 4 个内容项的“单击时”事件处理程序被添加到“settings-btn-container”列表项中，并且没有事件处理程序被添加到下拉列表下的列表项中。我不知道如何让事件处理程序绑定到下拉列表项。

如何使 UIkit 滑块的导航箭头始终可见或使滑块下方的导航圈？非常感谢你们所有人。

对于以下代码片段，UI 工具包通知在屏幕的左下角显示通知。如果我可以将位置设置为其他可能的值，它不会改变。

我一定是在做一些非常愚蠢的事情。任何帮助表示赞赏。

我需要像这样创建一个 UIKit 网格：

这是我的代码：

我已经按照https://getuikit.com/docs/grid.html（嵌套网格）上的示例进行操作，但我无法得到它，这就是我得到的：

任何提示？可能是另一个CSS的错吗？我正在使用基于 UIkit 的 html 模板。

更新：当我删除这个宽度时，我得到了我需要的东西：

但我无法编辑该来源，必须有另一种方法来做到这一点。添加宽度内联将不起作用。

我对 Uikit 中的 css 有疑问，我无法弄清楚。我有一个导航部分，当我将鼠标悬停在列表项上时，它不会更改光标指针。我设置了一个名为 custom.css 的个性化 css 文件。如果我从代码中删除它，它就可以工作。同样，如果我在没有我的 css 的情况下在新的 html 文件中输出代码，它就可以工作。我无法以任何方式解决我的问题。

在html下面：

这是我的CSS：

我是前端开发的新手，我发现使用 UIkit 非常容易使用。昨天发布了新的 Uikit 3，我遇到了很多问题。具体来说，为了使用 .uk-width-1-2 我现在必须使用 .uk-width-1-2\@s 我认为 @'s 在 CSS 中是不允许的？那是媒体查询吗？它是从哪里拉出来的？

我昨天问了一个问题，谁的回答是“你的 JS 没有正确链接”。head这是我现在的问题：为什么脚本仅在链接位于该部分而不是该部分时才加载body？我被教导将它们放在身体的最底部，如下所示：

当script位于底部时，没有任何作用。但是，当我把它放在顶部时，一切正常。为什么？

对于我的网页，我正在考虑为小屏幕尺寸实现一个画布外菜单。我正在使用的前端框架 (UIKit) 使用 JavaScript 实现切换。

这被认为是好的做法吗？还是我应该研究一个完全基于 CSS 的解决方案？我不知道有多少人会在他们的移动设备上禁用 JavaScript（这是画布外菜单的用例，它不会通过 CSS 媒体查询显示在更大的屏幕尺寸上），因此无法切换菜单。

我搜索了输入此内容时出现的几个建议问题，但找不到我的问题的答案。

我正在使用 Uikit V2，并且我有一个带有 Sticky 组件的 div。这里：

这在全屏上效果很好，但是当我调整到小屏幕时，栏变得非常宽。然后我在 Chrome 的检查器中打开，我得到了这一行：

这将在我的代码中的什么位置，我该如何解决？我查看了 Uikit 和 Uikit.js。

（我应该注意，当我在 Inspector 中时，如果我将 123px 更改为 10px，它看起来很好。）

谢谢大家。