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


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


막상 실제 모바일웹으로 올린 후 직접 안드로이드 폰을 이용해서 이것저것 해보니 안드로이드 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 로 다른게 얼쩡거리면 아마 셀렉트 박스가 안될것이다. 진저브레드에서 -,-