我在网上购买了一个主题,我相信它使用旧的jquery手机而不是新手机。
现在在我的标题中它看起来像这样:
<!-- Mobile Tags -->
<meta content="initial-scale=1.0, user-scalable=no, minimum-scale=1, maximum-scale=1" name="viewport" >
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- You can put your own logo below linking photos for splash screen-->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/touch/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/touch/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/touch/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/images/touch/apple-touch-icon-57x57-precomposed.png">
<link rel="shortcut icon" href="assets/images/touch/apple-touch-icon.png">
<!-- / Mobile Tags -->
<!-- Splash screens -->
<!-- iPhone 320x460 -->
<link href="assets/images/splashscreens/apple-touch-startup-image-320x460.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<!-- iPhone (Retina) 640x920 -->
<link href="assets/images/splashscreens/apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPhone 5 640x1096-->
<link href="assets/images/splashscreens/apple-touch-startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPad 768x1004 / 748x1024-->
<link href="assets/images/splashscreens/apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<link href="assets/images/splashscreens/apple-touch-startup-image-748x1024.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<!-- iPad (Retina) 1536x2008 / 1496x2048 -->
<link href="assets/images/splashscreens/apple-touch-startup-image-1536x2008.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="assets/images/splashscreens/apple-touch-startup-image-1496x2048.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- / Splash Screens -->
<!-- CSS Files -->
<link rel="stylesheet" href="assets/css/jquery.mobile.structure-1.0.1.min.css" type="text/css">
<link rel="stylesheet" href="assets/css/jquery.mobile.1.0.1.min.css" />
<link rel="stylesheet" href="assets/css/add2home.css"><!-- Iphone Bubble -->
<link rel="stylesheet" href="assets/css/icons/icons.css" type="text/css" >
<link rel="stylesheet" href="assets/css/icons/nav-icons.css" type="text/css" >
<link rel="stylesheet" href="assets/css/flexslider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="assets/css/style.css" type="text/css" > <!-- Theme Style Sheet File -->
<link rel="stylesheet" href="assets/css/normalize.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" type="text/css" href="assets/css/icons/nav-icons-black.css">
要将它升级到最新的jquery移动设备,我尝试将这些线路添加到头部的底部,但是我搞砸了一些东西,因为按钮变成了双倍。似乎混乱了css真的很秃头:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
答案 0 :(得分:2)
当然你要删除旧版jQuery Mobile的所有链接,如:
<link rel="stylesheet" href="assets/css/jquery.mobile.1.0.1.min.css" />
此外,请注意ajax-loader图像不再是.png而是.gif