jQuery Mobile Links

November 19, 2010

Normally, a relative link inside a jQuery Mobile page will load the destination page under a # link.

That is, from /category/,

<a href="/chart/123/">Chart</a>

will link to /category/#/chart/123/ and assume that /chart/123/ is a partial page containing just the HTML required to present the page div.

If you want to avoid this, add a rel="external":

<a href="/chart/123/" rel="external">Chart</a>

and this will load the page normally, without using AJAX. This page now needs to return a full HTML page.