jquery - 语义 UI 下拉更改处理程序

Question

我有以下使用语义 UI 的下拉菜单:

<div class="ui selection dropdown select-language">
    <input name="language" type="hidden" value="fr-FR">
    <div class="text">French</div>
    <i class="dropdown icon"></i>
    <div class="menu ui transition hidden">
        <div class="item" data-value="en-US">English</div>
        <div class="item active" data-value="fr-FR">French</div>
    </div>
</div>

在 jQuery 端我初始化它:

$(".select-language").dropdown()

如何添加 change 处理程序？

我在 documentation 中找到的唯一与此相关的东西是:

onChange(value, text)

Context: Dropdown

Is called after a dropdown item is selected. receives the name and value of selection.

这听起来让我有点困惑。我该如何使用它？

JSFIDDLE

Answer 1

其实绑定(bind)事件的方式有3种:

// globally inherited on init
$.fn.dropdown.onChange = function(){...};

// during init
$('.myDropdown').dropdown({
 onChange: function() {...}
});

// after init
$('.myDropdown').dropdown('setting', 'onChange', function(){...});