<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0"> <link type="text/css" rel="stylesheet" href="jqm/jquery.mobile-1.4.5.css"> <script src="js/jquery-2.1.1.min.js"></script> <script src="jqm/jquery.mobile-1.4.5.js"></script> <title></title></head><body> <div data-role="page"> <div data-role="header" data-position="fixed"> <h1>header</h1> </div> <div data-role="content"> <form> <input type="button" name="" id="" value="input按钮" data-inline="true"> <button data-inline="true">button按钮</button> <a href="javascript:;" data-role="button">超链接按钮</a> </form> <a href="javascript:void (0);" data-role="button" data-theme="a" data-inline="true">超链接按钮1</a> <a href="javascript:void (0);" data-role="button" data-theme="b" data-inline="true">超链接按钮2</a> <a href="javascript:void (0);" data-role="button" data-theme="c" data-inline="true">超链接按钮3</a> <a href="javascript:void (0);" data-role="button" data-theme="d" data-inline="true">超链接按钮4</a> <a href="javascript:void (0);" data-role="button" data-theme="z" data-inline="true">超链接按钮5</a> </div> <div data-role="footer" data-position="fixed"> <h1>footer</h1> </div> </div></body></html>
1 回答
太搞笑了
TA贡献3条经验 获得超3个赞
看不出什么问题。只能给你分析一下。
不出现效果第一是jquery 引用（下面路径我就省去了）
<script type="text/javascript" src="jquery.js"></script>
第二种 ：css路径不对 href="jqm/jquery.mobile-1.4.5.css" 当前页面是否和jqm在同一个目录下如果没有加href="~/jqm/jquery.mobile-1.4.5.css"
第三种：看jquery.mobile-1.4.5.css 内部是否有背景图片路径或者url路径 是否正确。
- 1 回答
- 0 关注
- 2765 浏览
添加回答
举报
0/150
提交
取消