如何通过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"解释的类(但不是表单元素)

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>