Q: Spinner not loading in external links I'm developing an application in which I have internal and external links. i noticed that Jquery mobile does not load the spinner when an external link is clicked:
Example
<a href = "/products">Spinner is shown </a>

<a href = "othersite.com" rel = "external">Spinner is NOT shown </a> 

I have tried :
$('a[href][rel=external]').click(function(){  //doesnt work
     $.mobile.showPageLoadingMsg();

 }

and:
$('a[href][rel=external]').click(function(){
// shows the spinner but it gets stuck forever
     $.mobile.showPageLoadingMsg();

    $('#loadingDiv').div("refresh");


}

can someone help me show the spinner when the rel = external links are clicked?

A: http://jquerymobile.com/test/docs/pages/page-links.html

Links that point to other domains or that have rel="external",
  data-ajax="false" or target attributes will not be loaded with Ajax.
  Instead, these links will cause a full page refresh with no animated
  transition. Both attributes (rel="external" and data-ajax="false")
  have the same effect, but a different semantic meaning: rel="external"
  should be used when linking to another site or domain, while
  data-ajax="false" is useful for simply opting a page within your
  domain from being loaded via Ajax. Because of security restrictions,
  the framework always opts links to external domains out of the Ajax
  behavior.

You wouldn't get a loading spinner as it is just going to do a page redirect. Also for your jsfiddle, google.com will not work as they don't allow iframe access. If you change it to another site like http://jsfiddle.net it will switch the site properly.
If you MUST show the spinner, you can do something like this
http://jsfiddle.net/RqkYM/10/
$('a[href][rel=external]').click(function(e){
    e.preventDefault();
    e.stopPropagation();
     $.mobile.showPageLoadingMsg();
    window.location = $(this).attr('href');

});​

It will display the spinner then do a redirect

A: If you want, you could load the external page with $.mobile.changePage()  See here for docs 
It has a showLoadMsg option that "Decides whether or not to show the loading message when loading external pages."
EDIT:
Here is an example of loading an external page like I described:
http://jsfiddle.net/KYvDv/2/
$.mobile.changePage( "/gQxCN/1/show/", {
    showLoadMsg: true
});

