2013-01-13 2 views
0

내가 (내 영어 죄송합니다) 이상한 jQuery를 모바일 문제jQuery를 모바일 - 안드로이드 입력 값

가지고 (삼성 갤럭시 S2에서 테스트 -. 기본 브라우저가 내 넥서스 4에서 모두 잘 (기본 크롬))

일부 입력란이있는 양식이 있습니다. 그들은 모두 수정 값을 가지고 있습니다. (화면 1)

스크린 샷 1 :

http://i.stack.imgur.com/jIytg.png

코드는 : 당신이 값이 흰색이되는 입력에 클릭하면

<input type="tel" name="format-breite" id="format-breite" class="chfunc" value="Breite in mm: "> 
<input type="tel" name="format-hoehe" id="format-hoehe" class="chfunc" value="Höhe in mm: "> 

(당신은 그것을 더 이상 볼 수 없습니다) 커서가 올바른 위치에 있지 않습니다. 그러나 키보드로 입력 한 텍스트를 볼 수 있습니다 (화면 2 & 3).

스크린 샷 2 :

http://i.stack.imgur.com/XHH5j.png

스크린 샷 3 :

http://i.stack.imgur.com/8MC2H.png 그런

은 입력에서 클릭 할 때, 모두가 다시 여기에있다 그러나 당신이 입력 한 텍스트 안으로 올바른 위치에 있지 않습니다. (화면 4)

스크린 샷 4 :

http://i.stack.imgur.com/37txp.png

난 단지 jQuery를 모바일에이 문제를 얻는다. 다른 웹 사이트에서는 입력 값에 문제가 없습니다.

제안 사항?

답변

0

이 코드를 사용하여 jsbinbrowserstack에서 테스트를 수행했습니다. 내가 말할 수있는 것에서는 삼성 S2가 input type = "tel"태그/속성에 대해 HTML5를 완벽하게 준비하지 못했다는 것입니다. 다음은 내가 사용한 테스트 페이지입니다 : http://jsbin.com/eweqeq/1/edit

입력 유형을 "text"로 변경하면 시뮬레이터에서 찾고있는 동작이 나타납니다.

이 보고서에 따르면 입력 유형 = "tel"의 기능이 매우 작습니다. http://www.quirksmode.org/html5/inputs_mobile.html이 장치를 HTML5로 분류하고 jQuery Mobile 문제로 분류 할 것입니다. jQuery Mobile 라이브러리가 페이지에 추가되지 않은 상태에서 동일한 동작이 발생합니다. http://jsbin.com/awagos/1/edit

관련 문제