Home/ Questions/Q 8739125
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T10:52:13+00:00

I have a working Jquery Mobile loading message below: $.mobile.showPageLoadingMsg(a, Fetching Operators); however I

  • 0

I have a working Jquery Mobile loading message below:

$.mobile.showPageLoadingMsg("a", "Fetching Operators");

however I wish to do this, 

$.mobile.showPageLoadingMsg("a", "<div class='clearfix'>Fetching Operators</div><a href='default.aspx'>Use Simple Site</a>");

so that if the user has a slow conn they can opt to click the link to the simply site.

The HTML however does not render, but rather all just shows as text. Can anyone tell me how to achieve the above?

Thanks very much for the assistance.

Regards Devin

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It looks like jQuery Mobile does not allow HTML to be used by default (the .text() method is most likely used internally rather than the .html() method), and it also looks like each time you call the $.mobile.loading() method (the new version of the method you’re running) that the text for the loader gets reset.

    Here’s a quick (dirty) solution for jQuery Mobile 1.2:

    //show the loader, specifying to show the text message
$.mobile.loading( 'show', { textVisible : true } );

//now find the loader widget, find the text within it, and then set it's HTML
$("body").find(".ui-loader").find("h1").html("<div class='clearfix'>Fetching Operators</div><a href='default.aspx'>Use Simple Site</a>");

    Here is a demo: http://jsfiddle.net/nABCq/

    • 0