28得票13回答
如何在模态对话框中保持焦点?

我正在使用Angular和Semantic-UI开发一个应用程序。该应用程序应该是可访问的,这意味着它应该符合WCAG 2.0标准。为了达到这个目的,对话框应该保持焦点在内部,并防止用户移动到模态框下方页面中的元素之间或使用"选项卡"。 我已经找到一些有效的示例,如下所示: JQuery...

24得票4回答
如何在Semantic UI按钮中切换内容?

这份文档中提到,按钮可以被设置为开关模式,但是给出的示例仅为:<div class="ui toggle button"> Vote </div> 很自然地,这不起作用。检查示例的源代码会发现一个active类是通过编程方式添加的。 我可能错过了一些简单的东西...

22得票2回答
如何使用Jest正确模拟第三方库(例如jQuery和Semantic UI)?

我在过去几周学习了React、Babel、Semantic UI和Jest。在浏览器中呈现我的组件时,并没有遇到太多问题,但是在使用Jest编写单元测试时,我确实遇到了呈现问题。 被测试系统(SUT)如下: EditUser.jsxvar React = require('react');...

21得票2回答
语义化UI - UI网格最佳布局方案(行/列 vs 段)

我刚开始接触 Semantic UI,现在正在尝试使用以下布局设计网页。根据文档,我决定使用 ui page grid 。同时,我还决定将顶部固定菜单定义在网格之外。 我的第一个尝试是这样的:<body> <div class="ui page grid"&gt...

21得票11回答
Semantic UI中图标未显示

我正在使用此指南,使用Gulp构建Semantic UI。 然而,现在的问题是图标未显示出来。所以,如果我使用<i class="facebook icon"></i>,什么都不会显示。 我猜可能没有构建图标字体之类的东西。 是否需要自己加载Font Awesom...

21得票2回答
Semantic-UI中哪些类可以正确实现响应式可见性?

我刚接触语义化UI,很喜欢这个框架。他们有非常丰富的文档,但也有些困惑。 响应式可见性是如何工作的? 容器有 mobile only tablet only small monitor only large monitor only,而我发现一些代码中还有 computer only, de...

20得票6回答
未捕获的类型错误:无法读取未定义的属性 'setAttribute',位于Object.onLoad。

有什么想法可能导致这个错误吗? 我的包含文件列表:<link rel="stylesheet" href="../../node_modules/semantic-ui/dist/semantic.min.css"> <link rel="stylesheet" href=...

20得票9回答
使用Semantic-UI-React进行表单验证

我正在使用官方的Semantic UI React组件创建一个Web应用程序。 我在注册页面上有一个表单,其中包含电子邮件字段、密码字段和确认密码字段。import {Component} from 'react'; import {Button, Form, Message} from 's...

18得票2回答
Semantic UI React下拉菜单中的默认选定选项

我想在我的下拉菜单中默认选择一些选项。当我添加了选定选项时,下面的代码可以工作,但如果没有默认选项,则无法呈现:render() { return ( <Form onSubmit={this.handleFormSubmit}> ...

17得票4回答
Semantic UI:如何定义搜索下拉列表("<select>")中的选定项目?

如何设置搜索下拉(select)表单字段的选定项?我尝试使用以下jQuery / JavaScript代码:if (equal == 0) { $('#sj_company').html($('#sj_company').html() + '&lt;option value="' + ...