JQuery
MOBIE搭建一个简单的演示,请注意JQuery MOBIE 和JQmobie是两回事哦
演示用到一些JQMOBIE和JQ1.9
大家可以到jquerymobile.com
进行下载,自己配置下CSS和JS的目录,由于前一个项目用了TP框架,所以你会在里面看见类似与__STATIC__这样的全局标签
<!DOCTYPE html> <html> <head> <title>演示</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="__STATIC__/css/default/jquery.mobile-1.4.0.min.css" /> <script type="text/javascript" src="__STATIC__/js/jquery/jquery190.js"></script> <script type="text/javascript" src="__STATIC__/js/jquery/jquery.mobile-1.4.0.min.js"></script> </head> <body> <div data-role="page" id="home"> <header data-role="header" data-add-back-btn="true"> <h1>测试</h1> </header> <div data-role="content"> <a href="#page2" data-role="button">列表页面</a> </div> <footer data-role="footer" id="J_buttom"> <div data-role="navbar"> <ul> <li><a href="#" data-icon="grid" class="ui-btn-active ui-state-persist">Summary</a></li> <li><a href="#" data-icon="star">Favs</a></li> <li><a href="#" data-icon="gear">Setup</a></li> </ul> </div><!-- /navbar --> </footer> </div>