jQuery Mobile : select 박스가 안드로이드폰에서 작동하지 않을때

Javascript 2012. 11. 8. 14:13

보통 개발할때 굳이 모바일 기기에서 테스트를 많이 안하고 개발을 해서 이런 오류가 있는줄은 몰랐다.

막상 실제 모바일웹으로 올린 후 직접 안드로이드 폰을 이용해서 이것저것 해보니 안드로이드 ICS 와 아이폰에서는 셀렉트박스가

잘 작동했는데 진저브레드 안드로이드 폰에서는 셀렉트 박스를 눌러도 작동을 하지 않았다 -_-

이유를 알아보니 전혀 예상하지 못했던 HTML 쪽 때문에 오류가 발생했던 것이였다 -.-

jQuery Mobile 을 적용할때 HTML 코드는

<html>
	<head>
		.....
	</head>
	<body>
		<div data-role="page">
			...
		</div>
	</body>
</html>

요런식으로 body 태그 바로 아래 <div data-role="page"> 가 위치해야 한다.

기존 셀렉트 박스가 작동안했던 코드는 요랬다 -_-

<html>
	<head>
		.....
	</head>
	<body>
		<div class="wrap">
			<div data-role="page">
				...
			</div>
		</div>
	</body>
</html>

위 코드 처럼 body 태그의 child 로 다른게 얼쩡거리면 아마 셀렉트 박스가 안될것이다. 진저브레드에서 -,-

네이버맵 : clientId와 웹 서비스 url을 확인해주시기 바랍니다. 메시지가 나올때 (0)	2017.02.14
웹에서 signature_pad.js 사용해서 서명받기 예제 (0)	2015.12.07
Javascript로 문자열 중에서 ip 문자열을 배열로 추출하기 (0)	2012.05.30
Javascript 숫자에 천단위로 콤마(,) 찍기 (1)	2011.11.29
순수 Javascript 로 get 방식으로 넘어온 파라메터 가져오기 (2)	2011.11.14