问题标签 [fomantic-ui]

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 回答
171 浏览

javascript - 在fomantic日历中触发月份更改事件

我在我的项目中使用 fomantic 日历。日历显示正确。当月份更改时,我想做一些操作。在 fomantic 日历中是否有任何月份更改事件。发现很难使其工作。我在这里先向您的帮助表示感谢。

我已经像这样初始化日历 ngOnInit() { $('#calendar').calendar({ type: 'date' }); }

在此处输入图像描述

当我点击如图所示的箭头图标时,我想做一些动作

0 投票
1 回答
437 浏览

css - 使用 Semantic UI 和 React 删除图像之间网格中的空白

我正在使用 Semantic UI 制作一个图片库,但我在摆脱不像其他图片那么大的图片之间的额外空白时遇到了一些困难。这是我知道 Semantic UI 的网格基于 flexbox 的代码和框 repo 的链接,但我不确定如何修改它。我想让网格像这样出来

如果我有一组图像,例如:

并在网格中映射:

如果我使用这个解决方案,由于尺寸不同,所有图像之间都会有很多空白。

0 投票
1 回答
23 浏览

html - 试图让孩子悬停与父母不同

我正在尝试创建一个 ul,当悬停时,不透明度会移动到 0.4,但是当悬停在 li 元素上时,该单个元素的不透明度会返回到 1。

这可能吗?注意我正在使用 Fomantic UI(语义 UI 分支)

0 投票
0 回答
98 浏览

date - 日期自动更改(日期和月份)

  1. 我使用 fomantic-ui/semantic。
  2. 我从弹出窗口中选择日期 - 一切都很好。
  3. 我正在“手动”更正日期 - 月份更改的天数(yyyy-mm-dd 到 yyyy-dd-mm)
  4. 我想要格式日期:yyyy-mm-dd(日:01-31,月 01-12)。
  5. 我给“如果”小于 10 天添加“0”,小于 10 个月添加“0”

视频问题:https ://www.screencast.com/t/y3pnvvZVqL

0 投票
1 回答
177 浏览

javascript - 如何让 Fomantic UI 中的 JS 在我的 Ruby on Rails 应用程序中工作?

我希望让日历JavaScript 功能在我的 Ruby on Rails 应用程序中工作,但事实并非如此,我想知道我做错了什么?

我已经fomantic-ui-sass在我的应用程序中捆绑安装了和'jquery-rails'gems,并放入app/assets/application.js以下内容:

然后我将在 Fomantic UI 上找到的 JS 代码放入 application.js 文件中,例如

0 投票
1 回答
673 浏览

ruby-on-rails - Fomantic UI:$(...).calendar 不是函数

我正在运行 Rails 版本 5.2.4 这是我在 Ruby on Rails 中的观点的相关部分

我将以下代码放在我的视图下方

为了确保代码运行,我放置了一个 console.log,它运行良好。但是,当我尝试运行这两个 jquery 脚本时,它首先停止并说,

$(...).calendar is not a function

我已经安装了 gem'fomantic-ui-sass''jquery-rails',它们都在工作(至少 fomantic 的 css 是)。我也将它们添加到 application.js 文件夹中,如下所示:

我的app/views/layouts/application.html.erb

为什么它不起作用?我该如何解决?

0 投票
1 回答
126 浏览

javascript - 为什么我在安装 Semantic-UI 后会收到 ERROR_FILE_NOT_FOUND?

基本的html页面。刚开始和下载包。检查我的语义 UI 设置是否正确安装,但是当我打开我的 index.html 页面并检查控制台时,我得到 'GET file:///semantic/dist/semantic.min.css net::ERR_FILE_NOT_FOUND',以及'获取文件:///semantic/dist/semantic.min.js net::ERR_FILE_NOT_FOUND'。这很奇怪!

这些是我的 index.html 文件中的 head 标签内的脚本标签:

我可以单击两个标签中的相对路径,它会将我带到编辑器中的实际文件。

我当前的文件夹结构是:

语义

距离

语义.min.css

语义.min.js

索引.html

是什么赋予了?

0 投票
1 回答
150 浏览

html - 进度条未填充进度条脚本标记

预期的结果是,当页面加载时,进度条加载如下:https ://i.imgur.com/VztbDdC.png

但是我得到的结果是一个没有进度的进度条,如下所示:https ://i.imgur.com/iO93CrO.png

下面列出了 jQuery 和语义/语义 UI 库的链接:

网站中具有进度条的实际区域如下:

任何帮助,将不胜感激。:)

0 投票
1 回答
81 浏览

css - 如何解决由于 RoR 应用程序中的 fields_with_error 而导致布局混乱的问题?

我在我的 Ruby on Rails 中使用 Fomantic(Semantic) UI,我意识到当验证失败时我的表单会因为自动添加的 fields_with_errors 类而变得混乱。对此有已知的解决方法吗?

在提交之前,我的表单看起来像这样

在此处输入图像描述

提交失败后,在任何字段中都没有输入任何内容,它看起来像这样

在此处输入图像描述

0 投票
0 回答
296 浏览

html - Fomantic-UI 可搜索下拉元搜索

我正在使用 Fomantic-UI,并且有一个简单的可搜索下拉菜单。

此下拉列表初始化如下:

这会遍历我的数据库中的一些行,这会在我的下拉列表中添加一些选项。对于这些值中的每一个,都有 1 个或多个Category与之相关联。如您所见,我有一个名为data-meta. 我希望下拉列表中的搜索在data-meta其返回中包含该属性(类似于 DataTablesdata-search选项)。

有没有办法做到这一点?