如何使JQuery Mobile通过css类忽略元素？ [英] How can I make JQuery Mobile ignore elements by css class?

问题描述

我有一个标准的链接，我想在自己的方式在一个页脚如下：

I have a standard link I want to style my own way within a footer like so:

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

我想让< a> 标记保持原样，转移到此：

I want the <a> tag to stay as is and not be transfered into this:

<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类解释这里（但不是表单元素）

Is there some kind of attribute I can add to the link to stop JQM generated this themed code? I need something similar to the data-role="none" class explained here (but not for a form element)

推荐答案

• Live示例w / data-role =none：http://jsfiddle.net/CrBdX/2/


• Live示例wo / data-role = none： http://jsfiddle.net/CrBdX/1/

• Live Example w/ data-role="none" : http://jsfiddle.net/CrBdX/2/
• Live Example 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>

这篇关于如何使JQuery Mobile通过css类忽略元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！