Style JQuery created button with JQuery Mobile CSS?

Question

In my JQ Mobile project I am using JQuery to create a button and append it to a div:

      var input = '<input type="button" class="save_event" value="Save"/>';
      $('.event').append(input);

However, this button seems exempt from Jquery Mobiles styling - it just appears as a normal webkit button. Would anyone know of a way to allow JQM's CSS to style this element?

Community · Accepted Answer · 2017-05-23 12:20:25Z

1

You also need to do:

$('[type="button"]').button();

Working example: http://jsfiddle.net/Gajotres/m4rjZ/

If you want to find out more about styling of dynamically created jQM elements take a look at my other answer: jQuery Mobile: Markup Enhancement of dynamically added content

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered May 16, 2013 at 7:25

Gajotres

57.3k16 gold badges106 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Style JQuery created button with JQuery Mobile CSS?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related