0816_前端框架jQuery Mobile

新内容(前端-jQuery Mobile框架)

jQuery Mobile会根据手机不同尺寸来调整适配

jM 依赖于jQuery(js的一个扩展库)

(bootstarp也可以实现webApp, 但是它有些没用到的功能, 必须也包括到项目里, 这里有瑕疵)

webAPP思想: 单页多应用, 以减少用户请求时的断片, 增强用户体验

引入jM两个文件和一个js的文件

  • jquery.mobile-1.4.5.min.css

  • jquery.mobile-1.4.5.min.js

  • jquery-3.1.0.min.js

注意: 这里使用jquery-3.1.0.min.js有问题, 页面效果显示不出来, 看jM官网要求的jQuery版本为1.8 - 1.11 / 2.1(这里我使用2.0.0)

同时需要在页面做如下设置


小示例



  
    
    
    
    
    
  
  
    
    

pageone

pageone content

0816_前端框架jQuery Mobile_第1张图片
Snip20160816_20.png

作业

写三个页面
商品首页,商品列表页,商品详情页

用户注册和登录的表单

你可能感兴趣的:(0816_前端框架jQuery Mobile)