问题标签 [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.
node.js - 来自 SemanticUI 的 Jade 模板
我有这个来自 SemanticUI 的 HTML,它在用户图标的右侧显示文本:
我正在尝试使用 Jade 重新制作它:
但是,这不能正常工作,因为我认为 Jade 需要某种 html 标签才能运行,而“创建您的帐户”行没有。
因此我也尝试了这个:
但是“创建您的帐户”文本出现在用户图标下方,我需要它出现在右侧。
javascript - 带有固定顶部菜单的语义 UI 侧边栏
Semantic-UI 在其侧边栏页面上预先警告“当侧边栏出现时,固定位置的内容可能无法更改其位置。” 然后,它为该问题提供了两种可能的解决方案。
令人惊讶的是,在同一个页面和整个网站上,Semantic-UI 的网站使用了一个固定的顶部菜单,当左侧边栏被触发时,它可以很好地调整。
我想简单地创建一个固定的顶部菜单,就像 Semantic-UI 网站使用的那样,当侧边栏打开时会正确调整。然而,事实证明这非常困难,因为两种提议的解决方案都不起作用。我检查了标记、css 和 javascript,但无法弄清楚他是如何从 Semantic-UI 提供的代码到打开侧边栏时正确调整的工作固定顶部菜单的。
有什么想法或方向吗?使用 Semantic-UI 如何创建一个固定的顶部菜单,在打开侧边栏时可以正确调整?
javascript - 语义 UI 检查不工作
我正在使用 SemanticUI 并且 checkall 功能不起作用。这是我的代码
我的检查功能是
HTML 代码
我尝试了许多指导和文档,但没有运气。在此先感谢您的帮助。
javascript - 只使用引导程序的轮播
我现在使用语义 UI 而不包括 Bootstrap,因为它们之间存在一些冲突。但是我很喜欢 bootstrap 的 Carousel 功能。我可以选择将它包含在我的项目中吗?非常感谢!
javascript - 可以一站式阻止“语义用户界面”将信息写入控制台吗?
使用语义-ui:http ://semantic-ui.com/
它将各种信息写入控制台,而不仅仅是发生错误时。
有没有一种简单的方法可以阻止它与控制台通信?
我正在为 Ajax API 编写一个实验室页面,开发人员将在我的页面上查看他们的控制台,以了解在进行一些 Ajax 调用时发生了什么。我不想从语义 UI 框架中看到与语义 UI 无关的消息。
javascript - Semantic-ui:无法调用复选框 onDisable 函数
我的代码使用语义 UI 复选框模块。我有一个复选框。复选框状态更改后,我需要调用一个函数。就像 jQuery 复选框更改功能一样。但是当我使用语义用户界面复选框时,我无法调用“onDisable”函数。而且我总是在它改变之前得到复选框的状态。但我只想在它改变后获得复选框状态。
HTML 代码
Javascript:
语义用户界面复选框的用法可以在这里看到。
当我单击复选框(选中复选框状态)时,它始终显示
我只是想
当我单击复选框(复选框状态未选中)时,它始终显示
而我只想
结果是语义 UI 复选框回调函数与我需要的不匹配。
我的问题是:
1.为什么不调用'onDisable'函数?
2.如何使用semantic-ui checkbox,如jQuery checkbox onchange函数?
angularjs - 使用语义 ui 和 angularjs 显示带有分隔符的项目列表
我想使用语义 UI 和带有 ng-repeat 的 angularjs 显示一个分割列表,但我无法显示分割线。
如果我在没有 angularjs 的情况下做类似的事情,那么该行会显示。
我认为是语义.css 中的以下规则隐藏了该行
angularjs 的工作方式是否意味着列表中的每个项目都是“第一个”,是否有解决此问题的方法?
这是一个带有示例的jsfiddle
jquery - 在 Firefox 上使用 JQuery 为固定按钮设置动画问题
我对 JQuery .animate()、Firefox 30.0 和“位置:固定”CSS 规则有疑问。我使用语义 UI 框架来创建按钮,我希望按钮固定在左上角。如果按下按钮,我什至有一个显示和隐藏的侧边栏。这是我的代码:
CSS
HTML
jQuery
在 Safari 和 Chrome 上一切都很好,但在 Firefox 30.0 中,按钮从 35px 到 60px 随机向左移动,但永远不会在 .animate() 函数中设置值(276px)。但是,如果我在 Firefox 中从 CSS 中删除“位置:固定”也可以正常工作。我什至使用了 Semantic UI 框架中的 onShow() 和 onHide() 设置,但结果没有改变。这个问题让我抓狂!!!有人可以帮助我吗?
太感谢了!!!
html - 语义 UI 标记的图标按钮类型的提交按钮
我正在使用语义 UI 并尝试将图标添加到输入按钮类型提交
这是我的尝试:
问题是图标显示在按钮前面而不是按钮内部。
使用 div 可以做到这一点:
您知道将图标添加到按钮类型提交的任何方法吗?
javascript - 模态回调中的异步操作
我正在使用语义 ui 模式来允许用户插入数据。它有一个 onApprove 回调,如果有任何问题,您可以返回 false 以保持模式打开。我的数据被插入到数据库中,如果有任何错误,它会返回 false。如果在此异步操作期间出现错误,保持模式打开的最佳方法是什么?
这是我的代码(咖啡脚本):
显然,匿名函数将 true/false 返回到函数的上下文中。将其返回到模态的最佳方法是什么?