jQuery를 모바일 기본

내가 jQuery를 모바일로 프로그래밍하는 방법을 배우려고 노력하고 있고이 코드가 작동하지 않는 이유를 이해할 수 없다 :jQuery를 모바일 기본

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 

<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css"> 
<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script> 
<script type="text/javascript" src="js/jquery.mobile-1.4.2.js"></script> 
</head> 

<body> 

<!-- Start of first page --> 
<div data-role="page" id="First"> 

<div data-role="header"> 
    <h1>First</h1> 
</div><!-- /header --> 

<div role="main" class="ui-content"> 
    <p>First Page</p> 
    <p>View page called <a href="#Second" data-role="button">Second</a></p> 
</div><!-- /content --> 

<div data-role="footer"> 
    <h4>Page Footer</h4> 
</div><!-- /footer --> 
</div><!-- /page --> 

<!-- Start of second page --> 
<div data-role="page" id="Second"> 

<div data-role="header"> 
    <h1>Second</h1> 
</div><!-- /header --> 

<div role="main" class="ui-content"> 
    <p>Second Page</p> 
    <p><a href="#First">Back to First</a></p> 
</div><!-- /content --> 

<div data-role="footer"> 
    <h4>Page Footer</h4> 
</div><!-- /footer --> 
</div><!-- /page --> 
</body>

이 도와 주셔서 대단히 감사합니다! 당신이 게시 한 vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

출처

2015-01-15 EYN

어떤 코드가 의미 작동하지 않습니다? – atmd

"작동하지 않음"을 정의하십시오. – PlamZ

전체 코드는 두 페이지를 나타내야하며 "두 번째보기 페이지"를 클릭하면 두 번째 페이지가 표시되고 두 번째 페이지에서도 같은 결과가 발생해야합니다. – EYN

마크 업이 JSFiddle를 사용하여 잘 작동합니다.

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.css"> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script>

스크립트를 교체하고 :

당신이 게시 한 예 내가 (떨어져 누락 닫는 HTML 태그에서) JSFiddle에 만든 하나의 유일한 차이점은 외부 라이브러리의 경로 참조입니다 스타일 시트 참조를 위의 블록과 비교하여 작동하는지 확인하십시오. 이 라이브러리는 Google의 CDN (Content Delivery Network)에서 호스팅됩니다. 이 방법이 효과가 있다면이 파일의 로컬 버전에 대한 경로가 잘못되어이를 수정해야합니다. 여기

는 페이지 파일 경로에 대해 설명한다 :

http://css-tricks.com/quick-reminder-about-file-paths/

출처

2015-01-15 14:13:38

많은 크리스, 당신은 매우 도움이되었습니다! – EYN

@EYN 대단히 환영합니다. 최선을 다해 노력하십시오. –

jQuery를 모바일 기본

답변

관련 문제