问题标签 [fomantic-ui]

背景：我正在尝试在GitLab 公共存储库上将电子更新器与我的 electronJS 代码一起使用

我正在关注本指南：https ://gist.github.com/Slauta/5b2bcf9fa1f6f6a9443aa6b447bcae05

但是，GitLab CI 构建阶段不断失败并出现错误

完全错误：https :
//gitlab.com/cataxcab/the-wall/-/jobs/550995808 我最新的 .gitlab-ci.yml 文件：https ://gitlab.com/cataxcab/the-wall/-/blob/大师/.gitlab-ci.yml

这似乎与此问题相同：https ://github.com/Semantic-Org/Semantic-UI/issues/2971 ；但是，我在那里尝试了解决方法，但没有奏效：

任何帮助将不胜感激，包括如果我的知识存在差距的指针。

我正在尝试使用 Fomantic ui“ toast ”。 如何为 Toast 的设置提供 z-index？

我试过这个'它正常工作，但在我正在工作的网站上'

我将 Meteor 与 React 和 Semantic-ui-react 一起使用。我需要一个 toast 功能，所以我想更改为 Fomantic UI。相关的一切都由 NPM 加载。

我删除了语义-ui-css 并添加了 fomantic-ui-css。

我 <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css" />从头上取下了。

我全部import 'semantic-ui-css/semantic.min.css';改为import 'fomantic-ui-css/semantic.css';

当我尝试执行

我明白了TypeError: $(...).toast is not a function

通过 SO 和存储库问题的各种搜索，我找不到任何东西。

谢谢你提供的所有帮助！！菲尔

我正在尝试创建一个 Angular + Fomantic-UI 游乐场，但在将 Fomantic-UI 导入 Angular 项目时遇到问题。

这是我的 StackBlitz：https ://stackblitz.com/edit/angular-hcvmam

如您所见，我确实 import jquery，fomantic-ui-css以及它们的相关类型，并且我正在尝试使用 Fomantic-UI （弹出窗口）的功能之一：

但它不起作用：.popup 不是函数

其他 F-UI 模块也是如此，例如modal、transition等dropdown。

你能弄清楚它缺少什么让它工作吗？如果你这样做，你也可以回答这个。

有没有一种方法可以让侧边栏从它推送的内容中独立滚动？

现在我有一个以这种方式设置的页面：

我在标题中的按钮切换侧边栏，当它可见时，它将与页面的主要内容一起滚动。我想防止这种情况发生，所以如果有人能告诉我必须做什么，我将不胜感激。

以下是我的 HTML 的基本结构（我无法发布实际代码，请见谅）

在Javascript中初始化侧边栏的代码

我尝试让侧边栏和/或主要内容具有粘性。尝试用 CSS 给他们固定的位置。也许还有一些我不记得的其他事情，但没有什么像我希望的那样真正起作用。

我正在使用 Fomantic-UI (Semantic-UI) 构建一个静态站点。当我创建菜单时，但在将它们连接到链接之前，我注意到下拉链接项的文本在选择子菜单项之一时发生了变化。整洁的！但是由于我没有使用任何保留状态的东西，所以这种变化不会持续，因为链接会将您带到一个新页面。我对此很好，但我不喜欢在浏览器加载新页面之前文本的短暂变化。我想完全消除这种变化。

或者，如果有办法在新页面上保持这种变化，我也可以。

谢谢！

编辑：这是我的代码，但修复必须引用框架的 JS。

JSFiddle

有关如何将现有 Node 项目从使用 Semantic-UI 迁移到 Fomantic-UI 的任何建议？我知道 Fomantic-UI 是 Semantic-UI 的一个分支并且向后兼容，所以我想知道我是否可以简单地运行：

• npm 删除语义-ui
• npm 安装 fomantic-ui

我需要对现有的 /semantic 目录进行任何更新吗？

谢谢！

她就是一个例子：

我在 index.html 中得到了一个滑块元素及其初始化

在我的 js 文件中，我想获取滑块的当前值

但在控制台上它说

是否可以将 Javascript 代码放在单独的 js 文件中而不是将它们放在 index.html 中？如果可能怎么办？

此外，这个滑块初始化的javascript代码也可以放在单独的js文件中吗？如果可能怎么办？

我正在使用 Fomantic-UI（语义-UI）。我有一个包含头像、文本和按钮的项目列表。当文本太宽以适应一行时，它应该换行到第二行。但相反，整行换行到头像和按钮下的新行。请参阅下面的小提琴：

https://jsfiddle.net/j2pguvko/8/

如何使文本换行？

我总是会说不，但后来我从Semantic UI（和Fomantic UI）中发现了这段代码，这是一个非常流行的前端框架：

这段代码让我觉得很不寻常，原因有两个：(1)<i>标记已被重新用作图标的通用钩子，(2) 嵌套<div>在<h2>元素内部。我质疑第一个的语义，以及第二个的有效性。

现在我想代码在所有主流浏览器中都可以使用，或者他们不会使用它，但它看起来并不习惯。更重要的是，它是否有效？

注意：我在问题中使用了“块级元素”一词（每个人都理解），但正如MDN 文档指出的那样：

在 4.01 之前的 HTML 规范中使用了块级元素与内联元素的区别。在 HTML5 中，这种二元区别被一组更复杂的内容类别所取代。而“inline”类别大致对应于 phrasing content的类别，“block-level”类别并不直接对应任何HTML5内容类别，而是“block-level”和“inline”元素组合在一起对应流HTML5 中的内容 。