jQuery selectmenu não está funcionando com knockout.js quando incorporado dentro de uma ligação 'visível' - javascript, jquery-plugins, knockout.js, select-menu

Eu tenho um jsfiddle que demonstra o problema em: http://jsfiddle.net/michaelajohnsonwa/sDchM/7/

Os elementos suspensos gerados a partir do selectquando oculto não parece ser gerado corretamente. Tentei usar a ligação "options" e a ligação jqOptions personalizada. Tentei adicionar o .selectmenu ("refresh") à mistura, mas não houve diferença no resultado. A ligação personalizada não funciona quando usada em uma ligação de modelo que também acho curiosa.

Não tenho certeza se isso é problema com o jQuery selectmenu ou knockout.js.

--edit: acabou de descobrir que o código de trabalho não funciona no IE. Chrome e Firefox demonstram o problema com precisão.

Qualquer ajuda aqui será apreciada! Obrigado!!

Respostas:

O plugin Select Menu não funcionará corretamente em elementos ocultos, portanto, deve ser chamado assim.

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

EDITAR: Isso acontece devido às dimensões incorretas do elemento oculto. Portanto, isso pode ser corrigido fornecendo a dimensão do elemento de seleção.

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

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