2012-02-29 3 views
6

jQuery Mobile (1.1.0 RC1)은 기본적으로 모바일 장치에서 내 웹 사이트를 멋지게 보이게 만드는 모든 작업을 수행하기 때문에 사용하고 있습니다.jQuery Mobile을 사용할 때 JavaScript가 비활성화되어있을 때 스타일을 처리하는 방법은 무엇입니까?

자바 스크립트가 사용 중지 된 경우 어떻게해야합니까? HTML5는 아직 익숙하지 않지만, 스타일링은 data-* 속성을 기반으로하며 jQuery는 필요한 테마/역할을 읽을 수 없기 때문에 스타일을 적용 할 수 없습니다.

방금 ​​적용 할 수있는 기본 스타일 시트를 찾을 수 없으며 Theme Roller는 기본 견본을 제공하지 않습니다. jQuery Mobile에 어떤 종류의 오류가 있습니까? 아니면 사용자 정의 스타일 시트를 직접 작성해야합니까?

답변

6

jQuery Mobile은 jQuery를 지원하는 브라우저에서만 실제로 잘 작동합니다. 그렇지 않으면 grading system이 실행되어 앱 성능이 저하됩니다. 해당 사용자에 대해 <noscripts> 태그에 맞춤 스타일 시트를 적용 해보십시오.

<noscript> 
<link rel="stylesheet" href="your-non-jqm-css.css" /> 
</noscript> 

예 :

+0

웹 디자인을 짜증나는 사람으로, 나는 그렇지 않을 것으로 생각했다. 아아, 대답 해줘서 고마워. – Brandon

3

http://www.w3schools.com/tags/tag_noscript.asp 빈 화면 결과 (내 노트북 ​​브라우저에서) 자바 스크립트 비활성화와 http://jquerymobile.com/demos/1.1.0-rc.1/에 서핑. 자바 스크립트를 사용하면 단단 해 보입니다. http://jquerymobile.com/demos/1.0a3/index.html으로 JavaScript를 atleast로 설정하면 기본 사이트가됩니다.

자바 스크립트를 사용하지 않는 모바일 브라우저를 지원해야하는 경우 기본 모바일 CSS를 제공해야합니다.

관련 문제