Question

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

情况如下：

如果我不使用doctype，那么条形图标在控制组中显得很好，但是只要我添加了doctype，它就会转换为加号图标。

唯一的变化是将doctype添加到文件的顶部，图标从条形翻转到加号。

如果它是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图标

出现同样的问题

Answer 1

这只是一个错字。替换

data-icon="Bars"

带

data-icon="bars"

你很高兴。在图像方面你必须遵循确切的情况。完整集可以在这里找到：http://api.jquerymobile.com/icons/

以下是演示：http://jsfiddle.net/hungerpain/cpRh2/1/

jQuery Mobile data-icon =使用Doctype时显示为加号图标的栏

1 个答案: