728x90

jQuery Mobile 로 된 오래된 코드를 최신의 jQuery 로 적용했더니 화면이 깨지고 엉망이다.

이를 해결하기 위한 방법이다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html> 
<html> 
<head> 
<title><?php echo $hostName;?></title>
<meta charset="utf-8" />     
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no"/>
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="-1" />
<meta http-equiv="pragma" content="no-cache" />
<link rel="shortcut icon" href="./images/icon72.png">
<link rel="apple-touch-icon" href="./images/icon57.png">
<link href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css" rel="stylesheet" type="text/css" />
<link href="css/mWebStyle.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.5.2.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="js/jsencrypt.min.js"></script>
<script src="js/mWebScript.js"></script>
 

 

별도 코드가 추가될 수 있기 때문에 하단에 </head> 태그를 생략했고 개별 파일에서 추가했다.

728x90
블로그 이미지

Link2Me

,