About pre-loading of Jquerymobile

Let's look at some of the code in the index.html below.

Do not add preload

<footer class= "Footer" data-role= "none" ><a href= "#" class= "current" data-role= "None" class= "Ui-btn-active" >test</a><a href= "#" data-role= "None" >test</a> <a href= "a.html" data-role= "None" >test< ;/a></footer>

Add preload

<footer class= "Footer" data-role= "none" ><a href= "#" class= "current" data-role= "None" class= "Ui-btn-active" >test</a><a href= "#" data-role= "None" >test</a> <a href= "a.html" data-prefetch= "true" data-r Ole= "None" >test</a></footer>

View Google Chrome Console when executing index.html

Found more of this.

XHR finished Loading:get "http://xxxxx:8080/xxx/xxxx/new/grzx.html".

And look at Google Chrome elements more.

As you can see, the preload should be that when index.html is finished loading, the elements contained in the data-role= "page" div in grzx.html are preloaded into the index.html page. When the page is toggled, the current page is hidden and the destination page is displayed

About pre-loading of Jquerymobile