80,351
社区成员
发帖
与我相关
我的任务
分享谁比较懂jquery mobile
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>选择考场</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="jqueryJS/jquery.mobile-1.3.2.min.css">
<script type="text/javascript" src="jqueryJS/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jqueryJS/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script>
$(function(){
$('<div data-role="content"><h2>考场名称：</h2><ul id="u1" > <li ><a href="#" id="a1" class="abc"> abc</a></li><li><a href="#">列表项2</a></li><li><a href="#">列表项3</a></li></ul></div>').appendTo('#SelectExamRoom');
})
</script>
<link rel="Stylesheet" type="text/css" >
.abc{
Color:Red;
height:100px
}
.{height:200px}
<link />
</head>
<body>
<div data-role="page" id="SelectExamRoom">
<div data-role="header" data-theme="b" data-position="fixed">
<a href="Index.html" data-role="button" data-icon="back">返回首页</a>
<h1> 选择考场</h1>
</div>
<!--<div data-role="content">
<h2>带有 data-inset="true" 属性的列表：</h2>
<ul data-role="listview" data-inset="true" id="liList">
<li><a href="#">列表项1</a></li>
<li><a href="#">列表项2</a></li>
<li><a href="#">列表项3</a></li>
</ul>
</div>-->
</div>
</body>
</html>利用jquery 追加的html标签没有用到jquery mobile的样式,如果直接写的话就没有问题，（我注释的内容）
...全文
请发表友善的回复…
发表回复
cyqjyyd 2014-12-17
- 打赏
- 举报
还要看看id和class是不是要设置对应的值
DrSmart 2014-12-17
- 打赏
- 举报
你发到android区问这种问题，
cyqjyyd 2014-12-17
- 打赏
- 举报
可能是加载顺序的问题，css样式会先加载
querystringcom 2014-12-17
- 打赏
- 举报
自己顶一下，坐等高手
