CODEWITHSUNDEEP
jqueryjquery-mobileselect-menujquery-ui-selectmenu
user2991183
user2991183

Reputation: 683

JQuery Mobile 1.4.2 selectmenu().selectmenu('refresh') not working properly

I have tried using the 2 codes below to refresh the selectmenu, but they didn't work.

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

These 3 codes working, but the layout duplicated.

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

original selectmenu:

original image

after adding either one of the 3 codes above, it become:

enter image description here

Any ideas? Thanks.

Upvotes: 1

Views: 4254

Answers (1)

user1995781
user1995781

Reputation: 19463

This is because you are trying to apply the styling for second time which it causes problem.

To avoid that, add data-role="none" to your select element.

It should look something like this:

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

Then, when you ready to apply styling, just apply it for once:

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

This way, you shouldn't have duplicate layout problem.

Upvotes: 2

Related Questions