jQuery Forum

1. $(document).on('pageinit', function()
2. {
3.     var navph = GetPhoneNumber);
4.     $('#nvphone').changeButtonText(navph);
5. });
6. 
   
7. // found this funciotn online.....
8. (function($) {
9.     /*
10.      * Changes the displayed text for a jquery mobile button.
11.      * Encapsulates the idiosyncracies of how jquery re-arranges the DOM
12.      * to display a button for either an <a> link or <input type="button">
13.      */
14.     $.fn.changeButtonText = function(newText) {
15.         return this.each(function() {
16.             $this = $(this);
17.             if( $this.is('a') ) {
18.                 $('span.ui-btn-text',$this).text(newText);
19.                 return;
20.             }
21.             if( $this.is('input') ) {
22.                 $this.val(newText);
23.                 // go up the tree
24.                 var ctx = $this.closest('.ui-btn');
25.                 $('span.ui-btn-text',ctx).text(newText);
26.                 return;
27.             }
28.         });
29.     };
30. })(jQuery);

When the page gets loaded, the button displays the expected phone number. There are other buttons on the page that load THE SAME page, but change the content. But, for each of those pages, the text of the button becomes empty. If I manually refresh the page, the button text gets set and displayed correctly.