Grails GSP page fragment linking problems with jQuery Mobile

I'm creating a single gsp for a multi-page jQuery Mobile page. There are three different fragments defined in a div like this:

<div id="page1" data-role="page">

I've tried several ways to link to another fragment on the page without success. In all cases, the links take me back to the index page.

<li><g:link data-icon="arrow-r" controller="foursome" action="summary" id="${foursomeInstance.id}" fragment="page2">Page2</g:link></li>
<li><a data-icon="arrow-r" href="#back9">Page2</a></li>
<li><a data-icon="arrow-r" href="/foursome/summary/${foursomeInstance.id}#back9">Page2</a></li>

Is there any good material on this subject?开发者_如何学JAVA This was helpful - Grails render() with a fragment parameter

This is jquery-mobile issue: You need to add rel="external" for internal links to other pages. See http://jquerymobile.com/demos/1.0a2/#docs/pages/docs-pages.html