jquery - JQuery Mobile 1.4.2 selectmenu().selectmenu('refresh') 无法正常工作

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(); 

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