$.mobile.showPageLoadingMsg with custom message is failing

Question

I'm applying the code from here: http://jquerymobile.com/demos/1.1.0-rc.1/docs/config/loadingMessageTextVisible.html

Which allows you to add a custom message to your Jquery Mobile loader.

My code is the following:

$.mobile.showPageLoadingMsg("a", "Loading New Chatom");

The problem is, this is assigning the CSS Class of ui-loader-default and not ui-loader-verbose which is needed to show correctly.

When I change my code to

$.mobile.showPageLoadingMsg("a", "Loading New Chatom", true);

It displays just fine. The true removes the animated loader, which is not what I want. Seems this might be a bug?

My project is done in coffeescript... though I doubt that's the issue at all.

Answer 1

This is behaving as designed. In 1.1 you need to set $.mobile.loadingMessageTextVisible = true to show text in the loader:

$(document).bind("mobileinit", function(){
    $.mobile.loadingMessageTextVisible = true;
});

The documentation definitely needs to be improved on this feature. The page that describes the new loader options in detail was really just a test area, not a proper documentation page (that's why it's kind of hard to find).