剛開始開發手機頁面。打算用jquery時。視屏裏用的是jquery-1.8.1.min.js。但是當我們去官網下載的時候。發現已經升級到3.1.1了。所以我就下了3.1.1.而這個版本在實際功能上運行時沒有錯。但是當和jquery.mobile結合的時候就發生了問題。
這是W3SCHOOL裏的代碼。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<a href="#" data-role="button" data-icon="home">首頁</a>
<h1>歡迎訪問我的主頁</h1>
<a href="#" data-role="button" data-icon="search">搜索</a>
</div>
</div>
</body>
</html>
我們運行下出來的是
這個樣子。然後由於官網裏現在已經是
這個版本了。所以我就寫改了下代碼。把它變成了
這樣。但是運行後發現變成了這樣
當時以爲是不是還要開手機模式去查看。但是發現手機模式也是這樣
這我就納悶了。最後經過幾次試驗。發現好像最高現在能兼容的也就jquery 2.1.4
所以我現在也就網上去下低點版本的jquery去開發。具體理由也不知道。這是2.1.4的下載鏈接：http://dl.download.csdn.net/down10/20150620/75a3bc3232b482bb5b24937a71245d7b.js?response-content-disposition=attachment%3Bfilename%3D%22jquery-2.1.4.min.js%22&OSSAccessKeyId=9q6nvzoJGowBj4q1&Expires=1486137539&Signature=MXI%2BPZvhExLB8i33vN7VZnvvnNg%3D
jquery mobile好像也更新到了1.4.5.但是影響沒有jquery大。就默認風格從之前的黑