Jquery mobile load local html page

Question

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.

dumbmatter · Accepted Answer · 2011-08-23 18:20:41Z

1

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">

answered Aug 23, 2011 at 18:20

dumbmatter

9,7137 gold badges46 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

7vingt Over a year ago

Thank you, it is working, unfortunately, here information.html need to relad all jquery + jquery-mobile and it seems to take a big time ... i have done the test with a href="#other_page", it is of course performant, but by reloading all the page + jquery + others libs, the performance are very bad :( I don't know if there is a way to make the loaded page be interpreted by jquery without loading the library in the loaded code ...

Collectives™ on Stack Overflow

Jquery mobile load local html page

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related