Проблема в JQuery mobile Footer

Question

Когда я использую гиперссылки в нижнем колонтитуле, это похоже на кнопку, но когда я запускаю ее, я хочу, чтобы она выглядела как простая ссылка html? Что может быть простым решением для этого?

<div data-role="footer" data-theme="c" style="text-align: center"> 
    <a href="index.html">about</a><span>|</span> 
    <a href="index.html">T&C</a><span>|</span> 
</div> 

Answer 1

jQuery auto-enhances links. Простой способ вокруг него, чтобы добавить data-role="none" в теги якоря, т.е .:

<div data-role="footer" data-theme="c" style="text-align: center"> 
     <a href="index.html" data-role="none">about</a><span>|</span> 
     <a href="index.html" data-role="none">T&C</a><span>|</span> 
</div> 

Смотрите эту jsFiddle для демонстрации.