Question

I have following button markup in a single/multiple page jquerymobile page template.

<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right" >About Us</a>

I need to disable the round corners of this button using the button option as given in the jquerymobile docs.

I have tried $('a').buttonMarkup({ corners: "false" }) in every events such as pagebeforecreate, pageinit, pagecreate and mobileinit

I never got it working and have been struggling with it to make it for quite a long time. I dont want to use data attribute data-corners=”false” for now.

Please suggest any ideas

Answer 1

This should work: $('a').buttonMarkup({ corners: false }) note “false” should not be a string.

Anyway, if you want to make that the default behaviour, you could try something like:

$(document).bind('mobileinit', function(){
    $.fn.buttonMarkup.defaults.corners=false;
});

that should work the same as having data-corners="false" on every button.