Javascript jQuery selectmenu嵌入'；可见'；结合

我有一个JSFIDLE，它在以下位置演示了问题：

“隐藏时选择”菜单中生成的下拉列表元素似乎没有正确生成。我尝试了使用“选项”绑定和自定义jqOptions绑定。我尝试将.selectmenu（'refresh'）添加到混音中，但结果没有差异。自定义绑定在模板绑定中使用时不起作用，我也感到奇怪

我不确定这是否是jQuery selectmenu或knockout.js的问题

--编辑：刚刚发现工作代码在IE中不起作用。Chrome和Firefox确实准确地演示了这个问题

---

这里的任何帮助都将受到感谢！谢谢

选择菜单插件在隐藏元素中无法正常工作，因此应该这样调用它

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

编辑： 发生这种情况是因为隐藏元素的尺寸不正确。因此，这可以通过给出select元素的维度来解决

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

---

请看：

谢谢！！我已经用您的答案更新了JSFIDLE（）。不过，我不能说我对这个答案感到满意。我的意思是需要手动处理每个下拉，当你考虑一个具有多个DROPDONE的多个步骤的向导时，你就失去了对VIEW模型的声明性绑定的优势。谢谢！！你让我非常高兴！！很好的回答！！