not working with jQuery Mobile

[apache]

not working with jQuery Mobile

[RonaldPK]

(I found this unclosed issue while searching for a similar one. Maybe my solution will help other searchers)

links won't open and all show "Error loading page" suggests that you're trying to load pages from separate local files into the main index.html, using jQM's Ajax method. However, the WkWebView plugin does not allow for loading files over the file:// protocol with Ajax.

There is a separate plugin that solves that problem: cordova-plugin-wkwebview-file-xhr (link)

Next issue you may run into, after installing the xhr plugin, is errors like "Blocked attempt to use history.replaceState() to change session history URL from .. to ..". I solved that by setting jQM's pushStateEnabled to false (documentation).

[janpio]

Does your jQuery Mobile project work in Safari?
What are all the versions you are using (Cordova CLI, Cordova iOS, Plugin version)?

[vespino]

I'm using Phonegap Build with iOS 4.5.4 and the latest version of wkwebview.

[BradCB]

I am also having issues. My app will do the splash screen then go to a white screen. I can debug with safari and see that none of the page changing is working.

Everything was working when I was using UIWebView.
I'm using
Cordova ios 5.1.1
Cordova-plugin-wkwebview-engine 1.2.1
Cordova-plugin-wkwebview-file-xhr 2.1.4
jquery.mobile-1.5.0-alpha.1
jquery-3.4.1.min
Cordova-plugin-inappbrowser 3.2.0

Jquery mobile was working fine without this plugin but I need it cause Apple will stop accepting apps that don't use WKWebView.

My app will not load images from any folder under the app directory and functions like
$(":mobile-pagecontainer").pagecontainer("change", $("#signinpage")); will not work anymore.

UPDATE:
Adding https://github.com/apache/cordova-plugins/blob/wkwebview-engine-localhost/README.md and the other requirements detailed on the git readme seemed to work.
Loads page normally now. Will need to further test to see if this a full solution.

[JamalAPI]

jquery.mobile-1.5.0-alpha.1 is probably the last version to be released. There is absolutely no activity in its development; see https://jqueryui-dev.slack.com (you need to create an account to access it).
I know this would be time consuming and would require lots of code changes, but I suggest you migrate to either OnsenUI or Ionic framework.

[flojug]

Same problem here : splash screen then the app blocks on $(':mobile-pagecontainer').pagecontainer("change", ...)

With https://github.com/apache/cordova-plugins/blob/wkwebview-engine-localhost/README.md, everything seems to work fine :
$ cordova plugin add https://github.com/apache/cordova-plugins.git#wkwebview-engine-localhost

[jcesarmobile]

this is a known WKWebView issue, you can use https://github.com/oracle/cordova-plugin-wkwebview-file-xhr to fix the problem, or move to cordova-ios 6 and use a custom scheme