Wie behandeln jQuery UI Selectmenu change-Ereignis
ich die jquery-ui select menu mit benutzerdefinierte render-option
wie kann ich mit der change
Veranstaltung ?
ich versuche
$('#filesA').on('change', function() {
alert( 'x');
});
aber es funktioniert nicht mit jQuery UI Selectmenu
und auch ich versuche
$( "#filesA" ).selectmenu({
change: function( event, ui ) {}
});
es funktioniert, aber es ist zu schaffen ein weiteres select-menu-Instanz !!
mein js-code
$( 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" );
});
und mein 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>
InformationsquelleAutor der Frage tito11 | 2014-07-06
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
ändern Sie einfach die trigger -
'change'
zu'selectmenuchange'
InformationsquelleAutor der Antwort fakechrist
Werfen Sie einen Blick hier: http://jsfiddle.net/JLVSM/
Nur den code ändern zu:
InformationsquelleAutor der Antwort j809
Oder genauer...
InformationsquelleAutor der Antwort user1528178
Ich auf diese Weise gelöst:
InformationsquelleAutor der Antwort Luis Peña
Ich hatte das gleiche problem. Überwand Sie schließlich mit iconselectmenu statt selectmenu
InformationsquelleAutor der Antwort user1528178