Как я могу заставить JQuery Mobile игнорировать элементы класса css?

У меня есть стандартная ссылка. Я хочу создать свой собственный стиль в нижнем колонтитуле:

<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", объясненный здесь (но не для элемента формы)

Ответ 1

Как вы сказали, добавьте атрибут data-role = "none" в тег привязки.

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>