jQjuery 모바일 - 선택 작동하지 않음

다음 설정을 선택했습니다. 첫 번째 옵션이 표시된 상태로 표시됩니다. 그러나 다른 항목을 보려면 클릭하면 아무 일도 일어나지 않습니다. 드롭 다운이 표시되지 않는 이유는 무엇입니까?jQjuery 모바일 - 선택 작동하지 않음

<div data-role="page" id="movies"> 
<div data-role="header"> 
    <img src="/Content/Images/baron-funds-logo.svg" /> 
</div><!-- /header --> 

<div role="main" class="ui-content"> 
    <h3>Movies</h3> 
    <br /> 
    <div class="ui-field-contain"> 
     <label for="select-native-1">Movies</label> 
     <select name="select-native-1" id="select-native-1"> 
      <option value="1">1st</option> 
      <option value="2">2nd</option> 
      <option value="3">3rd</option> 
     </select> 
    </div> 
    <a href="#home-page" data-role="button">Home</a> 

    <div data-role="footer"> 
     <!-- footer is in layout --> 
    </div><!-- /footer --> 
</div>

편집 :

나는 실험을 시도했다. 동일한 응용 프로그램에서이 페이지를 추가했습니다 :

<!DOCTYPE html> 
<html> 
<body> 

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 
</body> 
</html>

같은 방식으로 작동합니다. 아무 반응이 없습니다. 귀하의 경우에 해당이 볼 수

출처

2017-10-05 Scott

이 자바 스크립트/jQuery 코드를보기 도움이되기를 바랍니다, 나는 어떤을 작성하지 않은 –

하시기 바랍니다. 위의 편집을 참조하십시오. – Scott

문제없이 피들에서 작동합니다 ... https://fiddle.jshell.net/rigobauer/6vLar8dc/ 어떤 jquery 및 jquery 모바일 버전을 사용하고 있습니까? 다른 플러그인이나 라이브러리를 사용하고 있습니까? 다른 자바 스크립트/jquery 코드에서 올 수있는 콘솔 오류가 있습니까? –

점검 ...

JQuery Mobile Select Box not working

... 분명히, 당신은 form 태그를 만들거나 data-native-menu="false"를 추가 할 필요가 있습니다.

<!DOCTYPE html> 

<html> 
<body> 

<form action="#" method="get"> 
    <select data-native-menu="false"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
    </select> 
</form> 

</body> 
</html>

이 방법으로 문제가 해결되지 않으면 jquery 및 jquery 모바일 소스 파일을 호환 가능한 최신 버전으로 업데이트 해보세요.

내가 그것을

출처

2017-10-05 19:51:08

data-native-menu = "false"를 추가하면 문제가 해결되었습니다. 감사! – Scott

잘 듣고 싶습니다! 좋은 하루 되세요. 행복하게 코딩하세요! –

jQjuery 모바일 - 선택 작동하지 않음

답변

관련 문제