CODEWITHSUNDEEP
htmljquery-mobile
abhinav
abhinav

Reputation: 312

Issue in Jquery mobile Footer

When I use hyperlinks in the footer, it looks like a button, but when I run it I want it to look like a simple html link? What could be the simple solution for that?

<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>

Upvotes: 0

Views: 184

Answers (1)

Ryan
Ryan

Reputation: 28177

jQuery auto-enhances links. A simple way around it is to add a data-role="none" to the anchor tags, i.e.:

<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>

See this jsFiddle for a demo.

Upvotes: 1

Related Questions