问题标签 [semantic-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 投票
3 回答
7401 浏览

jquery - Semantic UI : Tabular Not Working

I am working with Semantic UI and I am having trouble with their Tabs. The first tab is showing as the active tab, but when you click on the second tab, the tab does not change. You can see their example under "Attached" here. You can see my example below. I believe it is set up correctly. I also set up this JSFiddle with Semantic and jQuery included. Please let me know if you have any questions.

0 投票
4 回答
6840 浏览

semantic-ui - 向表单验证添加错误不起作用?

根据有关表单验证的语义 UI 文档,我可以手动添加错误:

添加错误(错误)| 给定数组错误,将错误添加到表单

(我想使用此功能,因为我通过 AJAX 提交表单,进行服务器端验证,然后想显示结果。)

我尝试了以下代码:

调用上述方法时,我从控制台得到了这个矛盾的输出,并且表单在显然不应该时验证为成功。

在此处输入图像描述

任何想法?

0 投票
1 回答
985 浏览

javascript - Dropdown Semantic-UI:通过更改事件保留按钮值

我想知道如何在 Semantic-UI 中选择一个项目后保持默认下拉按钮值不变?我的问题是,当我选择一个项目时,默认按钮会保留所选项目的值(或文本)。

这是我的代码:

和我的 jQuery:

0 投票
1 回答
1175 浏览

ide - 哪些 IDE 支持语义突出显示?

阅读彩色编码后:如何使语法突出显示更有用我无法找到提供此功能的 IDE 列表(本机或带有插件)。

你知道编辑器有这个功能吗?

0 投票
1 回答
302 浏览

javascript - Newbie; Ember modal for create record

I'm working on an app, and trying to figure out ember.

I have followed this: http://ember.guru/2014/master-your-modals-in-ember-js to getting my modals working, and I have no problem getting edit and delete to work, but I can't figure out how to get create working.

here is my link for edit:

and for create:

my router for the section

the addresses is a belongs_to to contacts

Can someone please point me in the right direction, I have worked on this for days now!

UPDATE

route: contact.addresses.new

0 投票
0 回答
1927 浏览

javascript - Angular + Semantic UI Form Validations not woking

我正在尝试使用语义 UI 验证和 Angular JS(使用部分)来验证表单,但我没有取得任何成功。

结构如下:

索引.html

请注意脚本声明的最后一行。

在这个脚本中,我验证了部分表单中的一些数据

ui.js

“标识符”属性引用了表单输入中的 id 属性。

add-user.html(部分)

在这种情况下,我只验证“电子邮件”输入。

从理论上讲,这将使表单在我按下提交按钮的那一刻得到验证(语义 UI 魔术)。所以,当我推送提交时,空白的电子邮件输入必须是红色的。指向无效的输入。

问题是 ui.js 在整个页面呈现之前执行。这使得找不到 .ui.form 类。然后,魔法不会发生。这可以是局部渲染的东西,或者类似的东西。

有人能帮我吗?并为我的英语道歉。这不是我的母语。:)

0 投票
2 回答
3332 浏览

css - Css Semantic UI 响应表不会在 Safari 中正确折叠

我目前正在使用语义 UI 的表格,这些表格应该是移动响应的(此处的示例和描述http://semantic-ui.com/collections/table.html

我唯一的问题是显然具有相同的设置,Safari 和 Chrome 会在我的网站上以最奇怪的方式呈现移动版本的表格,但绝对不会像在他们的网站上通常那样阻止。

我添加了 normalize.css 但它似乎不适用于这个问题。

我错过了什么吗?

0 投票
4 回答
1188 浏览

wordpress - Wordpress 自定义导航结构

是否可以为 Wordpress 主导航创建自定义结构?我想将 Semantic-UI 与我的网站集成,但 Semantic-UI 使用 div 和链接作为菜单结构,但 Wordpress 使用列表。我找到了一种删除 UL 标签的方法,但现在我被 LI 标签卡住了。

我想让我的菜单看起来像这样:

URL:http ://semantic-ui.com/collections/menu.html 是第十一菜单。

0 投票
2 回答
953 浏览

javascript - 语义 UI 下拉列表中的简单不可点击文本

我正在使用语义 ui,我想在dropdown. 但它作为一个链接,即使它是一个<div class="header item">

在此处输入图像描述

这里的配置文件、设置和注销是链接,其余是文本(不可点击)

我试过的样机样机。

<div class="ui dropdown item"> <i class="icon dropdown"></i> <div class="menu hidden"> <div class="header item">Narottam Guattom</div> <a href="#" class="item">Action one</a> <a href="#" class="item">Action one</a> <a href="#" class="item">Action one</a> </div> </div>

Semantic-ui 将其div视为链接,下拉菜单在点击时关闭。
有没有更好的方法在语义 UI 中实现这一点,或者如何防止点击事件。

0 投票
2 回答
1065 浏览

jquery - 在 ajax 刷新时未调用 Ember 组件的 didInsertElement

我有一个 Ember 应用程序,其中有一个索引视图,并且在同一页面(嵌套)上有一个相应的详细信息视图。假设我们正在处理的资源是一个帖子——一个帖子可以有很多评论。在索引页面上有一个帖子列表 - 每一个都是可点击的。当您单击帖子时 - 页面的详细信息部分会加载帖子的详细信息 - 包括评论的语义 UI 手风琴。

我将 Ember.Component 子类化,以便创建语义手风琴组件并显示带有帖子评论的手风琴。在语义手风琴的 'didInsertElement' 方法中 - 我发现有必要执行以下操作才能让手风琴工作......

这很好用——除了,这是问题所在——它只在页面重新加载后才有效。如果我单击不同的帖子 - 为了查看该帖子的详细信息 - 新点击的帖子评论的手风琴不起作用。我知道为什么它不起作用 - 因为基于 ajax 的“详细信息”重新加载,“didInsertElement”方法没有再次执行。我只是不知道该怎么做才能解决它。希望这里有人知道。

谢谢