Jquery mobile load local html page

i would like to do a simple thing with jquery mobile :

i have an offline web application for android (using phonegapp and jquery mobile)

i开发者_运维技巧 do a list with a link for my local html files:

 <ul data-role="listview"  id="mylist">
            <li><a href="./information.html">Information</a>   </li></ul>

When i click on the link my file information.html is not displayed and the displayed generated html page looks like :

<div style="min-height: 965px;" class="ui-page ui-body-c ui-page-active"
 data-url="[fullpath]/information.html" data-role="page">undefined</div>

the content displayed are not from information.html

(i have also tried with  <li><a href="#information">Information</a>

but the result is the same ...

Have you any ideas?

Thank you.

As I understand it, jQuery Mobile tries to automatically do some fancy stuff. If you don't want it to do that, put rel="external" in your link tag. So this might work:

<a href="./information.html" rel="external">