jQueryMobile头部代码

[html][/html] view plaincopy

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset=”utf-8″>
  5. <title></title>
  6. <link href=”css/jquery.mobile.theme-1.0.min.css” rel=”stylesheet” type=”text/css”/>
  7. <link href=”css/jquery.mobile.structure-1.0.min.css” rel=”stylesheet” type=”text/css”/>
  8. <link href=”css/myStyle.css” rel=”stylesheet” type=”text/css”>
  9. <script src=”js/jquery-1.6.4.min.js” type=”text/javascript”></script>
  10. <script src=”js/jquery.mobile-1.0.min.js” type=”text/javascript”></script>
  11. <meta name=”viewport” content=”width=device-width, initial-scale=1″>
  12. </head>
  13. <body>
  14. .
  15. .
  16. .
  17. </body>
  18. </html>

 

以上是jquery库和jQueryMobile库在本地的写法,jQueryMobile的图标文件夹images要放入css文件夹。

 

 

[html][/html] view plaincopy

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset=”utf-8″>
  5. <meta name=”viewport” content=”width=device-width, initial-scale=1″>
  6. <title>index页</title>
  7. <link href=”http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css” rel=”stylesheet” type=”text/css”/>
  8. <script src=”http://code.jquery.com/jquery-1.6.4.min.js” type=”text/javascript”></script>
  9. <script src=”http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js” type=”text/javascript”></script>
  10. <meta name=”viewport” content=”width=device-width, initial-scale=1″>
  11. </head>
  12. <body>
  13. .
  14. .
  15. .
  16. </body>
  17. </html>

以上代码是调用CDN上面的jQueryMobile库

标签