JQuery Mobile, problem with loaded forms of submitted pages

Question

I am working on a mobile view of our site. I am trying to implement jQuery mobile, but I see two problems that may prevent me from continuing and hoping that some of you have ideas.

Many pages appear in search results. But when the page is displayed from the search box, I cannot load it as rel = 'external', so the page loads through Ajax. Great, except for pages that load almost all the large pages, broken into data-role = 'page'. Therefore, when a page loads, it cannot move inside this page, although it hides secondary sections. According to the documentation, I need to put rel = "external" on the form, but this does not work for me. Can I load a page without Ajax via the submit form?

The second question is on the same topic. In scanning, walking, launching fashion, the first step is the basic mobile site. But I hope that this will also become the basis for the version of the site based on PhoneGap. As far as I understand, the basic model for PhoneGap will break if the pages do not always load in Ajax, as this will lead to the browser loading. Since JQM requires that any page with nested data-role = page sections be loaded via rel = external, which disables Ajax loading, does this mean that using JQM will prevent Phone Gap from being used to create its own client later?

Thanks in advance for any answers.

Answer 1

This script below should be placed between your jquery min and your jquery mobile min. Otherwise, it will not enter into force. Adding an extension to $ .mobile with ajax features disabled can help with your problem. All 3 are not needed, but they are all well suited to your problem.

<script> $(document).bind('mobileinit',function(){ $.extend( $.mobile , { ajaxFormsEnabled: false, ajaxLinksEnabled: false, ajaxEnabled: false }); }); </script> 

Phonegap is for building phone apps, not mobile websites. It consists of Javascript that talks to specific libraries to interact with the mobile device itself.