2011-07-28 3 views
0

시작하기 전에 저는 웹 개발 경험이 적은 상대적으로 멍청한 사람이라고 설명해야합니다. 내가 개발중인 특정 사이트에는 터치 기반 기기 즉 iPhone, iPad, Android 휴대 전화 및 태블릿에 대한 swipeleft 및 swiperight 기능이 필요합니다. 이를 구현하기 위해 jQuery 모바일을 사용하도록 제안되었으며 jQuery를 좋아하기 때문에 좋았습니다. 모든 구글이 저를 줄 수에도 불구하고이 데이터 역할 같은 속성을 사용하기 때문에 는 그러나, 나는이 문서 타입 강제 필요가 HTML 5로는 다음을jquery 모바일 사용에 대한 noob의 질문입니다.

  1. 에 설명을 요청하는 것

  2. 내 사이트에 사용 JQuery와 jQueryUI가 무의미하게 jQuery 모바일에 구현됩니다. 구현 된 실제 디자인 레이아웃을 왜곡합니다.

  3. 모바일 및 일반 트래픽의보기 레이어를 분리 할 수 ​​없습니다. 여러 개의 터치 기반 기기를위한 사이트를 테스트하는 가장 좋은 방법 (시뮬레이터 아마도) 일 무슨 정상 디자인과 기능에 영향을 미치는 없이

  4. jQuery를 모바일 모바일 기반의 사용에 대한 좋은 경우에

  5. . 이 좋은 장소에서 영어 간단한에

일부 세부 사항은 사전에 감사합니다 ... 멋진 것!

편집

더 touchSwipe 또는 wipeTouch 같은 슬쩍 기능을위한 jQuery 플러그인이 나를 여기에 도움이 될 것입니다 내 문제에 파고합니다. 또한 내 코드로 플러그인을 구현 한 경우 iPad 또는 Android 전화에서 기능을 테스트하는 가장 좋은 방법은 무엇입니까? 당신이 정말로 데스크탑/모바일 뷰를 구분합니다 나 ',

다시 한번 감사 (그냥 욕심과 절망) 마우스, 드래그를 통해 슬쩍 제스처를 인식 할 수 단지 파이어 폭스에 대한 IE 시뮬레이터와 같은 일부 플러그인 ...

답변

0

을 말 여기 http://detectmobilebrowser.com/에 대한 권장 사항을 보았지만 사용하지 않았습니다. 이는 다양한 언어 또는 JavaScript로 서버 측에서 코드를 제공합니다.

jQuery Mobile의 주요 목적 중 하나는 모바일 전용 UI를 제공하는 것입니다. 두 스타일 시트를 던지려고하면 스타일이 현재 템플릿과 모든 종류의 방식으로 충돌합니다. 현재 사이트의 상단에 스 와이프 지원을 추가하려면 아마도 도움이 될 jQuery 플러그인이 많이있을 것입니다.

재 : HTML5에서, JQM의 문서에서

HTML5 버전 'DOCTYPE'로 시작해야 JQuery와 모바일 사이트

프레임 워크의 모든 기능을 최대한 을 활용합니다. (HTML5 안전하게 'DOCTYPE' 다양한 사용자 지정 특성을 무시 이해하지 못하는 브라우저와 이전 장치.)

+0

답장을 보내 주셔서 감사합니다 @ RwwL과 @ Peppered Lemons ... 내 문제는 데스크톱과 모바일에 대한보기를 분리 할 수 ​​없다는 것입니다. 전적으로 범위에서 벗어났습니다. 미래에 대한 링크와 파급 효과를 확인하십시오. 스 와이프 기능을위한 jQuery 플러그인만으로도 대부분의 모바일 기반 장치에서 도움이됩니까 ?? 지금은 정확한 잠재 고객 목록이 없습니다.하지만 iOS 기반 및 Android 기반 휴대 전화 및 태블릿을 주로 사용한다고 가정 할 수 있습니다. 예, 내 HTML과 함께 사용하려고 할 때 디자인이 엉망이되었습니다. Firefox의 커스텀 스크립팅 .... 언급되지 않은 IE ... – optimusprime619

+0

죄송합니다,이 코멘트를 놓쳤습니다; 그래서 며칠 동안은 떨어져있었습니다. 스 와이프 기능 플러그인 만 있으면 원하는만큼 필요한 것일 수도 있습니다. 어떻게 작동되는지 알려주십시오. – RwwL

+0

거의 다 거기 ... 가까운 아직 멀 ... [링크] (http://stackoverflow.com/questions/6917746/unable-to-get-swipe-direction-and-distance-using-touchswipe-plugin-in - android-or) – optimusprime619

0

JQuery와 모바일 웹 애플 리케이션을위한 OK이지만, 후 JQuery와 모바일에서 응용 프로그램에 다음 이상을 수행 나는 지금 그것을 반대하는 것이 좋습니다. JQuery Mobile을 완벽하게 지원하지 않는 많은 전화가 있으며, 많은 방법과 일반적인 페이지 레이아웃에 문제가 발생할 것입니다.대부분의 블랙 베리와 많은 HTC 폰은 JQuery Mobile과 많은 다른 휴대폰을 지원하지 않습니다.

데스크톱/모바일을 사용 중인지 확인하는 것은 매우 쉽습니다. 페이지로드시 user agent을 찾아 적절히 리디렉션하십시오. 원하는 경우 사용자 에이전트를 기반으로 리디렉션 할 수있는 몇 가지 방법을 제공 할 수 있습니다.

페이지를 올바르게 포맷하지 않으면 JQuery Mobile이 현재 가지고있는 디자인을 왜곡시킬 수 있습니다. JQuery Mobile은 많은 추가 CSS를 추가 할 것이며, 특히 다른 JQuery 요소와 관련하여이 문제를 해결하는 것이 어려울 수 있습니다. 대화 상자는 JQuery Mobile이 JQuery와 다르게 할 일의 한 예입니다.

가장 좋은 방법은 에뮬레이터를 통해 테스트하는 것입니다. Google Chorme은 가장 신뢰할 수있는 것은 아니지만 내가 사용하는 경향이있는 Ripple 부가 기능이 있습니다. 매우 다양한 휴대폰이 있기 때문에 가능한 한 많은 수의 라이브로 테스트 해보는 것이 더 쉽습니다 (JQuery Mobile로 각기 다른 버전, 플랫폼 등이 서로 크게 다를 수 있습니다)