5

我在我的代码中使用了带有按钮的数据图标,但问题是,图标没有显示。它只显示一个圆圈..

这是我的 html 代码

<a href="index.html" data-role="button" data-icon="delete">Remove</a> 
<a href="index.html" data-role="button" data-icon="plus">Add</a> 
<a href="index.html" data-role="button" data-icon="arrow-u">Up</a> 
<a href="index.html" data-role="button" data-icon="arrow-d">Down</a> 

我不是为什么会出现这个问题,对于所有使用图标或自动具有类似图标的按钮

data-add-back-btn="true"

后退图标也不显示,只有带有文字的按钮

谁能帮我?谢谢。

4

4 回答 4

3

您应该在项目中添加“图像”文件夹(随 jquery 移动文件夹一起提供)。您应该将此“图像”文件夹添加到保存 jquery.mobile.js 和 jquery.mobile.css 文件的同一文件夹中。

我也遇到了同样的问题,经过多次试验和错误,我找到了这个解决方案。现在图标正在显示...... :)

于 2012-06-22T11:38:26.260 回答
3

data-role="button"除非您添加属性,否则链接不会变成按钮。

表单<input type="button" /><input type="submit" />自动变成“按钮小部件”,<button></button>标签也是如此。

文档:http: //jquerymobile.com/demos/1.1.0/docs/buttons/buttons-types.html

于 2012-04-25T03:28:34.730 回答
0

我刚刚在我的 iPad 上遇到了这个问题。我发现是滚轴页面的主题搞砸了。

如果我删除对主题的引用,一切都会出现。主题不会在 iPad 模拟器上搞砸。它只是弄乱了iPad。

编辑 - 更具体地说,它是最新的主题滚轮搞砸了。我在旧版本中创建了另一个主题,图标显示备份。我曾尝试将我的 jquery 移动脚本更新为最新的脚本,但这并没有以某种方式产生影响。

于 2013-04-29T21:32:15.937 回答
0

只是为使用带有Phonegap的 jQuery mobile 的任何人添加,应将 jQuery mobile中的images文件夹复制到css文件夹中。css 文件夹当然在www文件夹内。

希望它可以帮助某人。

于 2017-03-22T14:50:39.453 回答