2014-07-01 156 views
1

我嘗試過使用下面的2個代碼來刷新selectmenu,但他們沒有工作。jQuery Mobile 1.4.2 selectmenu()。selectmenu('refresh')not working properly

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

這3個代碼的工作,但佈局複製。

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

原始selectmenu:

enter image description here

任何想法:

original image

加入任一上述3碼中的一個,它成爲後?謝謝。

+1

正在做什麼?如果您可以創建一個jsfiddle演示來顯示您遇到的問題,這將會很有幫助。截圖很有幫助,但它們只能走得這麼遠。 – PeterKA

回答

2

這是因爲您正在嘗試第二次應用樣式而導致問題。

爲了避免這種情況,請將data-role="none"添加到您選擇的元素。

看起來應該是這樣的:

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

然後,當您準備申請的造型,只是採用它一次:

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

這樣,你不應該有重複的佈局問題。