首页 > TAG信息列表 > semantic-ui

javascript-使用语义UI框架和Ajax请求的自动完成搜索或预输入搜索框

我正在使用语义UI框架创建一个简单的搜索表单,该表单使用通过ajax请求调用api生成的自动完成信息. 服务器端点生成一个简单的JSON数组 例如 http://data.nzor.org.nz/names/lookups?query=lu 给 [“ Lubbockia”,“ Lubbockia aculeata”,“ Lubbockia squillimana”,“ Lucanidae

javascript-如何在现有的Meteor项目中使用语义UI?

我目前正在运行一个简单的Meteor.js教程项目.如何使用Semantic-UI对此应用程序进行外观设置?在他们的网站上,他们有单个表单和按钮等的html源代码.我尝试将其复制并粘贴到我自己的流星项目html文件中,但是整个应用程序崩溃并报告“ HTML格式错误”. 如何解决这种情况和/或如何使用Se

Javascript-语义UI模态onShow / onVisible不起作用?

另一个语义UI模态问题,与显示模态后调整嵌入式Google地图大小有关.经过几次尝试,我将问题简化为获取显示或可见的模式回调. 但是没有运气. onShow或onVisible始终显示为灰色.这是代码段: $('.ui.modal') .modal({ onVisible: function() { console.log

javascript-语义UI React项目图像作为链接

我正在使用Item(语义UI React),并且我想将图像设置为链接.但是,如何引用链接URL? <Item> <Item.Image src={this.props.fileUrl} size='tiny' as='a' /> <Item.Content> </Item.Content> </Item> 如果我将Item.Image包装在一个容器中,则填充物会被弄乱…解决方法:

javascript-使用语义UI React闪烁模式

我正在使用语义UI React库应用模态.当模态被触发时,它开始闪烁,我无法一生找出原因.任何帮助表示赞赏. 在使用Semantic之前,我确实安装了Bootstrap,但是在将Semantic引入该项目时将其删除.其他拥有flickering issue的用户则通过删除Bootstrap解决了该问题.但是由于我之前已将其删除

语义UI:如何防止验证失败时提交表单?

我有一个基本的登录表单,并且在我的javascript文件中指定了表单验证和API调用.我遇到的问题是,当我单击登录按钮并且表单出现错误时,即使表单无效,也会突出显示无效字段,但仍会进行API调用. 这是一个简化的示例: <form class="ui form"> <div class="field"> <input name="us

javascript-带有选择类的语义UI多层下拉列表不会展开

当我尝试将下拉菜单与搜索选择一起使用并选择一个子类别时,它会展开自身,并且下拉菜单中会出现一个小的滚动条.如果我不添加搜索选择,它似乎可以正常运行. JSFiddle:https://jsfiddle.net/utqz406p/4/ 我该如何解决这个问题? 编辑:这似乎也发生与选择类.解决方法:您需要覆盖默认的选择

javascript – 语义UI模式无法打开

我正在使用Semantic UI并创建了一个带有click事件的按钮,该按钮事件应该在单击时打开模态但没有任何反应. 点击链接时没有任何反应,我不知道出了什么问题. 这是按钮: <a class="item" id="logIn"> <i class="user icon"></i> Log In </a> JavaScript的: <script type="te

javascript – 内部的语义UI加载器

我正在使用ajax来更新表的内容,我想使用semantic-ui的内置类“Loader”来显示表格中心的一些加载动画,同时获取内容但这似乎不适用于&LT表>标签. <div class="ui active loader"> <table class="ui unstackable striped table segment"> <tr><td>id</td><td>

javascript – 来自API的语义UI下拉选择内容

我正在使用Semantic UI 2.0并尝试使用从其API返回的数据来构建我的下拉列表中的选项. 对于下拉本身,我使用的代码与Sem​​antic UI文档中显示的this代码非常相似: <div class="ui search selection dropdown select-city"> <input type="hidden" name="city"> <i class="dropd

javascript – React ES6:使用语义UI在下拉列表中获取所选值

鉴于以下数据,如何获取鸟的名称并将其推送(使用添加按钮)到新数组以显示在另一个div中(使用react es6)?所以基本上我希望用户从语义下拉列表中单击一个鸟并将其显示在不同的div中,如下所示.这可能很简单,但是当我使用语义元素时,我似乎无法找到它的方法.我需要使用onChange吗? 我需要

javascript – 让div通过其父级的顶部溢出一半

我正在尝试制作一个漂亮的底部抽屉滑块. 页面底部会有一个圆形按钮,当抽屉关闭(半圈)时,只有一半应显示,然后单击它以展开抽屉 傻图: _____________________________ | Web Page | | | | | |