2014-07-01 2 views
1

아래 2 코드를 사용하여 선택 메뉴를 새로 고쳐 봤지만 작동하지 않았습니다. JQuery Mobile 1.4.2 selectmenu(). selectmenu ('refresh')가 제대로 작동하지 않습니다.

$('#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(); 

이 방법을 사용하면 중복 된 레이아웃을하지 말았어야 문제.

관련 문제