2011-04-19 3 views
1

모바일보기를 렌더링하기 위해 jQuery Mobile 1.0a3 (& jQuery 1.5)을 사용하여 Rails 3.03 응용 프로그램을 빌드하고 있습니다. Safari에서 오래된 1 세대 iPhone을 살펴 봅니다.jQuery Mobile - 양식 선택시 탭 동작이 잘못됨

양식 중 하나에 collection_select가 있습니다. 이렇게하면 사용자가 옵션/값을 선택할 수 있도록 목록과 함께 팝업 선택 요소를 여는 버튼처럼 보이는 손 잡을 수있는 컨트롤이 렌더링됩니다. 여태까지는 그런대로 잘됐다.

문제 ...

난 그냥 빠른 탭으로 렌더링 버튼을 탭하면 선택 목록 팝업을 것입니다 (NO 옵션/값이 선택되지로) 즉시 사라집니다. 물론, 이로 인해 UI가 깨지거나 사용하기가 어려워집니다. (double-tap 또는 ghost-tap 문제인지 궁금합니다.)

좋은 소식은 렌더링 된 버튼을 500ms 정도 누른 다음 릴리스하면 선택 목록이 팝업으로 남아 있다는 것입니다. 그래서 사용자는 선택 (내가 원하는 행동)을 할 수 있습니다.

나는 jQuery Mobile을 사용하여 자바 스크립트를 사용하지 않고있다. 터치 이벤트 처리기, 기본값 또는 무엇을 사용해야하는지 잘 모르겠습니다. 어쩌면 그것은 나의 오래된 전화 ...

어떤 아이디어?

업데이트 나는 내 문제를 해결 엠바 카데로 테크놀로지 안토니오 알론소에서이 도움이 응답을 받았습니다. 감사 안토니오!

"jQuery 1.5.2와 함께 최신 릴리스 1.0a4.1로 업그레이드하는 것이 좋습니다. 모든 파일, javascript, css 및 이미지를 업그레이드하는 것을 잊지 마십시오. 문서를 다시 읽으십시오. 변경. 지금의 Vclick 같은 가상 이벤트가 있습니다.

http://jquerymobile.com/blog/2011/03/31/jquery-mobile-alpha-4-released/

http://jquerymobile.com/blog/2011/04/07/jquery-alpha-4-1-maintenance-release/

http://jquerymobile.com/demos/1.0a4.1/

이 문제를 해결할 수 있는지를 내가 아는하지는 하지만 이전 버전의 버그가 많이 수정되었습니다. "

답변

3

가장 먼저 할 일은 jQuery Mobile 1.0a4.1로 업그레이드하는 것입니다. 여기에는 클릭/탭 이벤트에 대한 더 나은 이벤트 처리가 포함되어있어 이러한 문제를 해결할 수 있습니다.

또한 새로운 가상 이벤트 'vclick'이 포함되어있어 버튼을 빠르게 탭하여 모든 문제를 해결할 수있었습니다.

행운을 빈다. :)

+0

감사합니다. Lyle! JQuery Mobile 1.0a4.1 (& jQuery 1.5.2)로 업그레이드했습니다. 탭 문제가 사라졌을뿐만 아니라 선택 UI가 멋진 형식의 선택기가되었습니다. 멋지다! –