javascript - 语义 UI 事件

标签 javascript jquery semantic-ui

我最近开始使用语义 UI 框架,但我很难理解如何触发事件。

例如,您可以通过以下方式更改下拉列表“onchange”事件:

$('.ui.dropdown').dropdown('setting', 'onChange', function(){alert(1)});          

现在,您将如何在输入元素上添加自定义事件?它记录在哪里?

谢谢, 弗洛伦特

最佳答案

如果您查看 Semantic UI 网站,没有看到带有 Javascript 示例的“使用”选项卡,则意味着该 UI 组件没有内置 jQuery 函数。

如输入: http://semantic-ui.com/elements/input.html

在这种情况下,您可以通过普通的 jQuery 完成所需的所有操作。

$('.ui.input input').on('change', function(e) { alert('input changed') });

Semantic UI 主要是一个 CSS 框架。它提供 Javascript 方法,主要是在 CSS 单独无法完成工作的情况下(例如 ui popup),或者当 Javascript 在浏览器之间的工作方式存在一些差异时(click) > vs ui 复选框 中的 change 事件)。

关于javascript - 语义 UI 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41126945/

相关文章:

javascript - 有没有办法优化 "addEventListener"代码块?

semantic-ui - 语义 UI 复选框验证

javascript - Template.subscriptionReady 和语义 UI Accordion 模块

javascript - 具有自定义 eval 函数的 Node.js REPL 有趣行为

javascript - 递归过滤具有不同属性的对象数组

javascript - 除了 setTimeout 之外还有什么方法可以强制浏览器重绘?

javascript - 将固定导航栏停靠在滚动顶部

json - MVC 3 尝试将 JSON 对象从 View 发送到模型

javascript - jquery获取多个选择框的选定值

javascript - 如何在 react 中获取列表上的点击事件(自动完成)?