0

寻找一种解决方法来解决这个问题,或者如果有更好的方法来解决这个问题,我愿意调整代码..

情况如下:

如果我不使用文档类型,那么条形图标在控制组中显示得很好,但是一旦我添加了文档类型,它似乎就会翻转为加号图标。

唯一的变化是将文档类型添加到文件的顶部,并且图标从条形变为加号。

不管是 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 图标也会出现同样的问题

4

1 回答 1

1

这只是一个错字。代替

data-icon="Bars"

data-icon="bars"

你很高兴去。当涉及到图像时,您必须遵循确切的情况。完整集可以在这里找到:http: //api.jquerymobile.com/icons/

这是一个演示:http: //jsfiddle.net/hungerpain/cpRh2/1/

于 2013-08-01T16:48:08.160 回答