Home/ Questions/Q 7984479
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T11:16:58+00:00

Maybe my question is a little confusing, let me clarify it a little. I’m

  • 0

Maybe my question is a little confusing, let me clarify it a little.

I’m using Jquery Mobile, and I want to have it’s screen transitions and other things, but I don’t want all those UI styles automaticly applied to my elements.

My current problem is the ui-link applied to my links. The others ui-whatever, for the time being aren’t bothering me.

I want to avoid this issue in a “friendly way” (without rewriting a lot of CSS or removing them again).

Is there any way of making an element immune to these auto-styling?

The code I wrote:

<div class="page" id="home" data-role="page">
   <a class="bt" href="#page2">Page Two</a>
</div>

The Jquery Mobile generated code

<div id="home" class="page ui-page ui-body-c ui-page-active" data-role="page" data-url="home" tabindex="0" style="min-height: 361px;">
   <a class="bt ui-link" href="#page2">Page Two</a>
</div>

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Found it! Hope it can help someone with the same problem.

    Just apply data-role="none" to the element.

    Preventing auto-initialization of form elements

    If you’d prefer that a particular form control be left untouched by
    jQuery Mobile, simply give that element the attribute
    data-role=”none”. For example:

    <label for="foo">
<select name="foo" id="foo"  data-role="none">
    <option value="a" >A</option>
    <option value="b" >B</option>
    <option value="c" >C</option>
</select>

    http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/forms/docs-forms.html

    • 0