2012-08-15 2 views
0

내 코드를 표시하지 :JQuery와 모바일 로딩 이미지

<!DOCTYPE html> 
<html> 
<head> 
<title>a</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="jquery.mobile-1.2.0-alpha.1.min.css" /> 
<script src="jquery-1.8.0.min.js"></script> 
<script src="jquery.mobile-1.2.0-alpha.1.min.js"></script> 
</head> 
</html> 

<script> 
$(document).ready(function(){ 
$.mobile.loading('show');}); 
</script> 

을하지만 아름다운 스피너 이미지는 화면의 중앙에 회색 원을 보여줍니다 showing.It되지 않습니다.

답변

1

구문이 꺼져있어 로딩 메시지를 표시하려면 $.mobile.showPageLoadingMsg을 사용해야합니다. 또한 이미지 폴더가 있는지 확인하십시오.

편집 :

죄송합니다 나는 $.mobile.loading 방법이 릴리스에 추가 것처럼 당신은 JQM 1.2의 알파를 사용하는 것은, 보이는 것을 알 수있다. 여하튼 JQM 이미지 폴더가 있고 js 파일과 같은 폴더에 있는지 확인하십시오. 테스트하려면 링크를 CDN 링크로 바꾸십시오.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.js"></script> 
+0

문제는 스타일 시트와 함께 발생합니다. 일단 내가 웹 사이트에서 직접 파일을 복사하더라도 회전 이미지를 표시하지 않습니다 로컬 파일을 사용합니다. 온라인 소스에서 CSS 파일을 가져 오는 즉시 문제가 발생합니다. –

+0

경로가 올바르게 설정되어 있습니까? 좋은 방법은 웹 디버거 (firebug 또는 web inspector에서 크롬 또는 사파리 또는 잠자리 오페라)의 네트워크 탭을보고 요청한 실제 경로를 확인하는 것입니다. – Jack