所以问题是自动完成组合框在没有更改事件的情况下初始化。我想稍后绑定(bind)它,但文档似乎对组合框不够充分。
无效的代码:
$('#select').combobox();
...
$('#select').bind( "autocompletechange", function(event, ui) {
alert('changed');
});
我猜测事件标签是错误的,因为组合框中的内联标签被“选择”,例如$('#select').combobox({selected : function(ev,ui) {alert('selected'); }});
有效,但我不能那样使用它。
那么你知道该事件的正确标签是什么吗?我只是在文档中找不到它。
编辑:实际上我找到了我的问题所在。 $('#select').combobox();
只是将选择映射到自动完成输入。它创建的输入具有类似于 id='select-autocomplete'
的 id,因此要将事件绑定(bind)到该组合框 - 选择器应该位于此输入上,而不是选择上。所以工作代码:
$('#select').combobox();
...
$('#select-autocomplete').bind( "autocompletechange", function(event, ui) {
alert('changed');
});
最佳答案
因此,我找到了比将事件绑定(bind)到创建的 .ui-combobox-input 更清晰的解决方案。您应该在组合框代码中找到初始化输入的位置,并找到选择参数。 修改这部分代码:
select: function( event, ui ) {
ui.item.option.selected = true;
that._trigger( "selected", event, {
item: ui.item.option
});
that.element.trigger('change');// here is the trick
},
关于JQuery UI - 如何将更改事件绑定(bind)到组合框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7027604/