JQuery Mobile, losing formatting when programmatically changing button text

Question

I am attempting to programmatically change the text of a button in jQuery Mobile. When I do this the button loses some formatting. Below is code illustrating two attempts. Can any one suggest a way to do this that isn't going to jam up the browser?

<script>
$(document).bind("pageinit", function(){

    $("#buttonId").text("New Text");
    $("#buttonId").button("refresh");
});

//Method #2
$(document).ready(function () {
    $("#buttonId").text("New Text");
    $("#buttonId").button("refresh");
});
</script>

<a  id="buttonId" href="" data-role="button">Old Text</a>

Community · Accepted Answer · 2017-05-23 10:24:57Z

1

This should be used:

$("#buttonId span span").text("New Text");

to change a text, there's no need for:

$("#buttonId").button("refresh");

Also in the future don't use: $("#buttonId").button("refresh");, this function is used only to enhance dynamically created/expanded listview look.

Correct way is :

$("#buttonId").button();

Button don't have a refresh method. If you want to find more about this and why is it important to be careful when working with a dynamically created content in jQuery Mobile take a look at my blog ARTICLE. Or you can find it HERE.

edited May 23, 2017 at 10:24

CommunityBot

11 silver badge

answered Jan 29, 2013 at 8:58

Gajotres

57.3k16 gold badges106 silver badges132 bronze badges

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

2 Comments

Ben Pearce Over a year ago

Worked great, thanks! Is span span reffering to the html tag? Is that because jQuery Mobile adds those tags when the page compiles?

Gajotres Over a year ago

When jQM creates a button it will enhance its markup with additional span tags. You can check it using firebug addon on Firefox or Chrome.

Collectives™ on Stack Overflow

JQuery Mobile, losing formatting when programmatically changing button text

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related