Question

我假设如果我有......的基本设置。

<head>  
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" />
    <script src="js/jquery.js"></script>
    <script src="js/jquery.mobile.js"></script>
</head>

然后，稍后在代码中，如果我包含一个带有按钮的标题，该按钮使用“加”数据图标......

<div data-role="header" data-position="inline">
    <h1>Shopping List</h1>
    <a href="index.html" data-icon="plus" data-role="button">additem</a>
</div>

然后按钮会出现'plus'数据图标。按钮显示，但没有数据图标。我的设置中缺少什么？

Answer 1

链接应该data-role="button"不应该吗？

Answer 2

我也遇到了这个问题，但后来我尝试将这个代码添加到头部。现在可以显示图标。

<link rel="stylesheet" type="text/css" media="screen"
 href="${pageContext.request.contextPath}/theme/css/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" />

Answer 3

添加

<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />

jquery-mobile按钮数据图标在哪里？

3 个答案: