JQuery Mobile 1.4.2 selectmenu（）。selectmenu（＆＃39; refresh＆＃39;）无法正常工作

Question

我尝试使用下面的2个代码刷新选择菜单，但它们没有用。

$('#gender').selectmenu('refresh'); // not working
$('#gender').selectmenu('refresh',true); // not working

---

这3个代码正常工作，但布局重复。

$('#gender').selectmenu(); 
$('#gender').selectmenu().selectmenu('refresh');
$('#gender').selectmenu().selectmenu('refresh', true);

原始选择菜单：

在添加上述3个代码中的任何一个后，它变为：

有什么想法吗？感谢。

Answer 1

这是因为您尝试第二次应用样式而导致问题。

为避免这种情况，请将data-role="none"添加到您的选择元素。

看起来应该是这样的：

<select name="gender" id="gender" data-role="none">
    <option value="0">female</option>
    <option value="1">male</option>
</select>

然后，当您准备应用样式时，只需将其应用一次：

$('#gender').selectmenu(); 

这样，您不应该有重复的布局问题。