jQuery mobile이 시작 페이지에 로딩 메시지를 추가하고있는 것처럼 보입니다. 나는 실제로 무슨 일이 일어나는지 모르지만 다음 간단한 코드 조각을 고려하십시오.jQuery mobile이 페이지에 "loading heading"을 추가합니다.
<!DOCTYPE html>
<html>
<head>
<title>sadFace</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
<h1>;__;</h1>
</body>
</html>
로딩 메시지를 보려면 아래로 스크롤해야합니다. 그래서 나는 전형적인 jQuery 모바일 페이지 해부 체를 따르지 않아서 발생할 수 있다고 생각했지만 다음과 같이 설명했다 :
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>;_;</h1>
</div><!-- /header -->
<div data-role="content">
<p>Same shit, different page.</p>
</div><!-- /content -->
<div data-role="footer">
<h4><a href="http://www.google.com/pacman/">need cookies :C</a></h4>
</div><!-- /footer -->
</div><!-- /page -->
</body>
</html>
동일. 나는이 행동에 완전히 놀랐다. 지난 주 프로젝트를 시작 했는데도 똑같은 결과로 jQuery1.0rc2를 테스트했습니다. 도대체 무슨 일이 벌어지고 있는지 <. <
jQuery Mobile' js에서 보겠습니다.이 메시지는 initializePage: function()
의 책임입니다. 나는
//cue page loading message
$.mobile.showPageLoadingMsg();
을 주석 또는 autoInitializePage: false
을 설정하지만 (이 버그 않는 한) 차라리 수정의 jQuery 파일을 포함하지 않는 솔루션을 선호 할 수있다.
CSS는이 모든 프레임 워크가하는 것과 같은 성가신 일을 제외하고 ... –
과 같은 기본 요소에 대한 레이아웃 기본 설정을 덮어 쓰려고합니다. 좋은 해결책입니다. 하지만 왜 추가해야합니까? – Carmela
어떻게 h1을 넣는 것을 중단합니까? – Jayen