События Semantic UI

Question

Я начал использовать семантический интерфейс пользовательского интерфейса, и у меня возникли трудности с пониманием того, как вы запускаете события.

Например, вы можете изменить выпадающий список «OnChange» событие таким образом:

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

Теперь, что бы вы сделали, чтобы добавить пользовательское событие на входном элементе? Где это задокументировано?

Спасибо, Флоран

Answer 1

Если посмотреть на семантическом сайте UI и не видят вкладки «Использование» с примерами Javascript, что означает, что нет встроенной функции JQuery для этого компонента пользовательского интерфейса.

Такие, как вход: http://semantic-ui.com/elements/input.html

В этом случае, вы делаете все, что нужно сделать с помощью обычной JQuery.

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

Семантический интерфейс - это прежде всего структура CSS. Он предоставляет методы Javascript в основном в тех случаях, когда только CSS не может выполнять работу (например, ui popup) или когда есть некоторые расхождения в том, как Javascript работает между браузерами (click против change событие в ui checkbox).