javascript - 语义 UI 事件

Question

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

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

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

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

谢谢，弗洛伦特

Answer 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 事件)。