如何处理 jQuery UI Selectmenu 更改事件 [英] How to handle jQuery UI Selectmenu change event
本文介绍了如何处理 jQuery UI Selectmenu 更改事件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我使用带有 自定义渲染选项
我如何处理 change
事件?
how i can handle the change
event ?
我试试
$('#filesA').on('change', function() {
alert( 'x');
});
但它不适用于 jQuery UI Selectmenu
but its not working with jQuery UI Selectmenu
我也尝试
$( "#filesA" ).selectmenu({
change: function( event, ui ) {}
});
它正在工作,但它正在创建另一个选择菜单实例!!
it's working but it's create another select menu instance !!
我的js代码
$( document ).ready(function() {
$( "#filesA" ).selectmenu({ change: function( event, ui ) { alert('x'); }});
$.widget( "custom.iconselectmenu", $.ui.selectmenu, {
_renderItem: function( ul, item ) {
var li = $( "<li>", { text: item.label } );
if ( item.disabled ) {
li.addClass( "ui-state-disabled" );
}
$( "<span>", {
style: item.element.attr( "data-style" ),
"class": "ui-icon " + item.element.attr( "data-class" )
})
.appendTo( li );
return li.appendTo( ul );
}
});
$( "#filesA" )
.iconselectmenu()
.iconselectmenu( "menuWidget" )
.addClass( "ui-menu-icons" );
});
和我的 html 代码
and my html code
<label class="langLabel" for="filesA">Select your language:</label>
<select name="filesA" id="filesA">
<option value="lan1">Test Lang1</option>
<option value="lan2">Test Lang2</option>
<option value="lan3">Test Lang3</option>
<option value="lan4">Test Lang4</option>
<option value="lan5">Test Lang5</option>
</select>
推荐答案
只需将触发器'change'
改为'selectmenuchange'
$('#filesA').on('selectmenuchange', function() {
alert( 'x');
});
这篇关于如何处理 jQuery UI Selectmenu 更改事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文