如何通过css类使JQuery Mobile忽略元素？

Question

我有一个标准链接，我想在页脚中按照自己的方式设置样式：

<div data-role="page">
<div id="footer" data-role="footer" data-position="fixed">
    <a href="somelink.html>some link</a>
</div>

我希望<a>标记保持原样，不会被转移到此：

<a href="somelink.html" data-theme="a" class="ui-btn ui-btn-corner-all ui-shadow ui-btn-up-a">
    <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text">some link</span>
    </span>
</a>

是否有某种属性可以添加到链接中以阻止JQM生成此主题代码？我需要类似data-role="none"类解释here的内容（但不是表单元素）

Answer 1

就像你说的那样，将data-role =“none”属性添加到锚标记。

• 实例w / data-role =“none”：http://jsfiddle.net/CrBdX/2/
• 实例示例wo / data-role =“none”：http://jsfiddle.net/CrBdX/1/

HTML：

<div data-role="page">
    <div id="footer" data-role="footer" data-position="fixed">
        <a href="somelink.html" data-role="none">some link</a>
    </div>
</div>