Jquery mobile删除图像上的格式答案

【问题标题】：Jquery mobile remove formatting on imageJquery mobile删除图像上的格式
【发布时间】：2011-09-23 13:09:09
【问题描述】：

我正在使用 Jquery 移动版，并且在我的网站顶部有一个图像，用于链接到主页。

但是，在此图像上设置链接会导致 Jquery mobile 将图像格式化为按钮。

我环顾四周，但找不到阻止这种情况的方法......有人有什么想法吗？

链接示例：http://jsfiddle.net/wDYt6/

无链接示例：http://jsfiddle.net/ewn7T/

【问题讨论】：

标签： jquery image mobile hyperlink

【解决方案1】：

在这里找到更好的答案：How can i stop jQuery mobile to apply styles to my specific form elements

jQuery Mobile 将忽略 data-role 属性设置为 none 的元素。因此，您可以简单地将这些属性添加到您的标记中：

<a href="/" data-role="none"><img src=""></a>

【讨论】：

这完全是答案。 data-role="none" 删除上的所有 jquery 标记，但仍允许您在 div 上使用 data-role="header"。谢谢安迪巴克。
它仍然为我添加了一些标签。我必须添加 class="none" 才能删除它。

【解决方案2】：

我使用 data-role="none" 对我有用！

【讨论】：

【解决方案3】：

只需将data-role="header" 替换为其他内容即可。

【讨论】：

【解决方案4】：

为您的标题数据角色 div 添加一个高度并删除 BR。

<div data-role="page" id="page1" data-theme="a">
    <div data-role="header" style="background-color:#414141; background-image:none;height:80px">
        <a href="index.html"><img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" width="100%" id="headerImage"/></a>
    </div>
</div>

当您在图像周围添加链接时，Jquery mobile 会向该锚标记添加一些类（ui-btn-left ui-btn ui-btn-corner-all ui-shadow ui-btn-up-a）。

【讨论】：

好的，有没有办法使用 jquery mobile 删除页面加载中的所有类？
我不知道您是否一定要这样做。我认为添加高度可以解决您的问题。你看过jQuery mobile Docs - Header Bars吗？
我希望在页面顶部显示图像，就像没有 jQuery Mobile 时一样，没有额外的边框或填充......只是一个图像
在这种情况下，我从 div 的 data-role="header 中看到并将其用作 div 标签，然后不会添加 jQuery 移动特定代码。
完美！就这么简单……嗯。