/ / jQuery selectmenu no funciona con knockout.js cuando está incrustado dentro de un enlace 'visible' - javascript, jquery-plugins, knockout.js, select-menu

jQuery selectmenu no funciona con knockout.js cuando está incrustado dentro de un enlace 'visible' - javascript, jquery-plugins, knockout.js, select-menu

Tengo un jsfiddle que demuestra el problema en: http://jsfiddle.net/michaelajohnsonwa/sDchM/7/

Los elementos desplegables generados desde la selección.cuando está oculto, no parece que se haya generado correctamente. He intentado usar tanto el enlace de "opciones" como el enlace jqOptions personalizado. Intenté agregar en .selectmenu ("actualizar") a la mezcla, pero no hubo diferencia en el resultado. El enlace personalizado no funciona cuando se usa dentro de un enlace de plantilla que también me parece curioso.

No estoy seguro de si esto es un problema con jQuery selectmenu o knockout.js.

--edit: acaba de descubrir que el código de trabajo no funciona en IE. Chrome y Firefox demuestran el problema con precisión.

Cualquier ayuda aquí será apreciada! ¡¡Gracias!!

Respuestas

1 para la respuesta № 1

El complemento de menú de selección no funcionará correctamente en elementos ocultos, por lo que debería llamarse así.

if(obj.isVisible()) {
$("#outterContainer").show();
$("#broken2").selectmenu();
}

EDITAR: Ocurre debido a las dimensiones incorrectas del elemento oculto. Por lo tanto, esto puede solucionarse dando la dimensión del elemento seleccionado.

$("#broken2").selectmenu({width:"200px"});

por favor verlo: http://jsfiddle.net/diode/sDchM/17/