Question

I’m having this problem with buttons in the jquery mobile header bar.

They appear without style, only the text ‘Back’ is shown.

I already tried replacing the stylesheets with freshly downloaded ones.

This happens when I add the back button by placing <a href="index.html" data-icon="arrow-l" data-rel="back">Back</a> inside the header div and also when I set this attribute data-add-back-btn="true" to the page div.

The page on wich this happens is dynamicly loaded, but when I’m testing it on the index page it also happens.

Does anyone know what could be going wrong? I’m using jquery mobile 1.2.0 in combination with Cordova (PhoneGap).

Answer 1

I think the data-roles on your link might be wrong.Try adding data-role="button" to your link and see what happens. It should look something like this.

<a href="index.html" data-role="button" data-icon="back">Back</a>