jquerymobile button's css not applied

Question

I'm trying to add a delete button to a custom div. However when the page is loaded, the jquery mobile button does not take the format of jquery and displays it like a hyperlink.

var currDelButton = $("<a>").attr("href","#").attr("data-role","button").attr("data-icon","delete").attr("data-iconpos","left").text("حذف");

anyone has an idea about this issue?

Best Regards Ali

What event is this wrapped in ? What's the code for your "page is loaded"? — InspiredBy
– InspiredBy, Commented Sep 4, 2012 at 17:09

Jon Wells · Accepted Answer · 2012-09-04 16:01:50Z

1

If you are adding the button after the page is loaded then you need to refresh the element for example $("#mybutton").button(); should work.

here is a working example with the code you provided: http://jsfiddle.net/ashanova/RQVd8/1/

edited Sep 4, 2012 at 16:01

answered Sep 4, 2012 at 11:12

Jon Wells

4,2709 gold badges42 silver badges69 bronze badges

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

3 Comments

don ali Over a year ago

Thanks, that solved the problem. This was done in the pageshow event.

don ali Over a year ago

Can you explain the reason please

Jon Wells Over a year ago

anything that is injected or dynamically created after pageinit event needs to be initialised

Rab Khan · Accepted Answer · 2012-09-04 11:17:03Z

1

call the .page for the main wrapper where new buttons are added.

$("#content").page();

answered Sep 4, 2012 at 11:17

Rab Khan

35.7k4 gold badges52 silver badges66 bronze badges

Collectives™ on Stack Overflow

jquerymobile button's css not applied

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related