Question

我从来没有在这里发过一个问题，因为我通常可以找到答案，但是这个问题已经逃过了我。

将jQuery移动版本1.3.2与相关的css文件一起使用。

由于图片价值一百万字，所以只需看看发生了什么。

看到问题？显然，data-icon属性中的文本显示在按钮上方。

我的个人网络检查员和Firebug能够识别出任何事情都存在。

我在chrome，firefox，safari上试过它，即9/10。 mac和pc都有。什么都没有。

我已经尝试过jQuery mobile的过去5个版本。还试过jQuery 1.9和1.10

使用托管按钮图像和我自己的按钮图像。

我已经将页面剥离到只有jQuery定义的按钮，它仍然可以执行此操作。甚至尝试过在CDN上托管的jQuery文件。

除了屏幕截图中的内容之外，真的没有其他代码可以显示，因为这就是所有的事情。（忽略new_round的类），它是空白的。

我只是希望其他人遇到这个问题并且可能能够提供解决方案。

（这不是我第一次使用jQuery mobile，但这是我第一次看到这种情况发生。）

Answer 1

如果您只需要没有文字的图标，则需要在链接中添加此属性：

data-iconpos="notext"

例如：

<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>

Answer 2

我今天遇到了确切的问题，幸运的是找到了解决方案。

我在一个名为Customizr的wordpress主题中使用JQuery Mobile。当我添加这样的链接时：

<a data-icon="gear" data-role="button" href="#">Hey</a>

如PO所述，我会在“Hey”正上方找到一个“齿轮”按钮。

这是因为这个CSS规则隐藏在主题的深处：

[data-icon]:before {
    content: attr(data-icon);
}

要解决此问题，只需使用以下命令覆盖此规则：

[data-icon]:before {
    content: "";
}

您可能需要在CSS中查找此规则。希望它有所帮助。