How can I make JQuery Mobile ignore elements by css class?

Question

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>

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>

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)

Phill Pafford · Accepted Answer · 2011-05-17 13:53:29Z

19

It's just as you said, add the data-role="none" attribute to the anchor tag.

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>

answered May 17, 2011 at 13:53

Phill Pafford

85.6k92 gold badges268 silver badges385 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

giles Over a year ago

Ah yes of course - I was using the wrong version (alpha 2) and this has been fixed in the latest (alpha 4) :/

KennyJacobson Over a year ago

Thank you! Exactly what I was looking for. This is especially helpful when you want to "turn off" JQuery Mobile UI for certain elements. Ex: @Html.RadioButtonFor(g => g.myProfile.Gender, "Female", new { data_role = "none" }) Female

Collectives™ on Stack Overflow

How can I make JQuery Mobile ignore elements by css class?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related