jQuery Mobile，在单击之前选择不显示所选选项

Question

我试图通过ajax将<options>添加到几个<select> dinamically，当我直接在HTML中添加它们时工作正常，但是当我在AJAX中加载它们时它们不会显示选择选项，直到单击<select>元素。

我已尝试.trigger('create')所有元素甚至.enhanceWithin()，但无济于事。

这个jsfiddle显示了问题：http://jsfiddle.net/3c01g6e2/1/

请帮忙吗？

Answer 1

来自demo page（另见documentation）：

  

如果您通过JavaScript操作选择，则必须调用刷新   更新视觉样式的方法。这是一个例子：

var myselect = $("select#foo"); 
myselect[0].selectedIndex = 3;
myselect.selectmenu("refresh");

如果您将$("select").selectmenu("refresh");添加到小提琴的末尾，则会正确更新。 (Updated Fiddle)