寻找一种解决方法来解决这个问题,或者如果有更好的方法来解决这个问题,我愿意调整代码..
情况如下:
如果我不使用文档类型,那么条形图标在控制组中显示得很好,但是一旦我添加了文档类型,它似乎就会翻转为加号图标。
唯一的变化是将文档类型添加到文件的顶部,并且图标从条形变为加号。
不管是 jQuery Mobile 1.3.1 还是 1.3.2,结果都一样
有没有人遇到过这种情况或找到解决方法?我真的希望显示条形图标,并试图避免不使用 doctype 声明,以便代码可以正确验证。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
@import url('include/jquery.mobile-1.3.2.min.css');
</style>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta id="viewport" name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-touch-fullscreen" content="NO" />
<script src="include/jquery-1.9.1.min.js"></script>
<script src="include/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<div data-role="page" id="mobile">
<div data-role="content">
<div data-role="controlgroup" data-type="horizontal" class="ui-body">
<a href="test.asp" data-role="button" data-mini="true" data-icon="Bars">Test</a>
</div>
</div>
</div>
</body>
</html>
编辑:GRID 图标也会出现同样的问题