39,084
社区成员
发帖
与我相关
我的任务
分享用JQuery mobile做的HTML5页面,显示不出来效果
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.min.css">
<script src="jquery-3.0.0.min.js"></script>
<script src="jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role = "page">
<div data-role="header" data-position="fixed">
<h1>Header</h1>
</div>
<div role="main" class="ui-content">
<p>Content......</p>
<p>Content......</p>
</div>
<div data-role="footer" data-position="fixed">
<h4>Footer</h4>
</div>
</div>
</body>
</html>
结果在Chrome浏览器下就是这个效果：
这是什么原因啊
<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.min.css">
<script src="jquery-3.0.0.min.js"></script>
<script src="jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role = "page">
<div data-role="header" data-position="fixed">
<h1>Header</h1>
</div>
<div role="main" class="ui-content">
<p>Content......</p>
<p>Content......</p>
</div>
<div data-role="footer" data-position="fixed">
<h4>Footer</h4>
</div>
</div>
</body>
</html>
结果在Chrome浏览器下就是这个效果：
这是什么原因啊
...全文
请发表友善的回复…
发表回复
weiyiding2008 2017-12-15
- 打赏
- 举报
导入的3个链接，type都没设置。。。
lyghao 2017-05-28
- 打赏
- 举报
应该是版本问题，把jquery版本放低，在3.0以下，2.几的版本就行了，我也遇到过类似问题，降低版本就好了
业余草 2016-11-03
- 打赏
- 举报
a1045163724 2016-11-02
- 打赏
- 举报
是不是jquery版本的问题，换成1.9以上，2.1以下版本的
业余草 2016-06-30
- 打赏
- 举报
认证看看demo，发现你的问题很多
业余草 2016-06-30
- 打赏
- 举报
<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.min.css">
<script src="jquery-3.0.0.min.js"></script>
<script src="jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role = "page">
<div data-role="header" data-position="fixed">
<h1>Header</h1>
</div>
<div role="main" class="ui-content">
<p>Content......</p>
<p>Content......</p>
</div>
<div data-role="footer" data-position="fixed">
<h4>Footer</h4>
</div>
</div>
</body>
</html>
chengbo-0371 2016-06-28
- 打赏
- 举报
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
meta 声明也没写全吧
岁月_Ben 2016-06-28
- 打赏
- 举报
同意楼上的说法，你最好检查一下路径
zhangsheng_1992 2016-06-28
- 打赏
- 举报
我觉得你文件没引进来 最起码jquery.mobile-1.4.5.min.css这个文件没进来 你没发现样式都没变化嘛？ h1跟h4
