jQueryMobile's Helloworld and page switching methods_jquery

The example in this article describes how to use jQueryMobile to achieve the sliding page turning effect. Share it with everyone for your reference. The specific analysis is as follows:

jQuery Mobile is the version of jQuery for mobile phones and tablet devices. jQuery Mobile will not only bring the jQuery core library to mainstream mobile platforms, but also release a complete and unified jQuery mobile UI framework. Supports global mainstream mobile platforms. It means that the page can be quickly written into the APP interface, allowing users to browse the web page, which is equivalent to using a well-laid out app.

First, download a compressed package from jQueryMobile (Click here to download from this site), and then pull all the contents of the compressed package to your site folder, although the web page only references jquery. mobile-1.4.5.js and jquery.mobile-1.4.5.css, but other auxiliary files are indispensable except the documentation demo folder. Even though its js files are the same as css files, it does not integrate all functions into one js like Bootstrap. If certain folders are missing, some icons may not be displayed. Moreover, please change the name of the original root folder jquery.mobile-1.4.5 to jqmobile or something else. Anyway, there are .-these punctuation marks in the folder. Otherwise, reference jquery.mobile-1.4.5.js in the web page. May be invalid with jquery.mobile-1.4.5.css.

At the same time, jquery.mobile, as a plug-in, requires jQuery1.11 support. You can go to the jQuery official website to download jQuery1.11 that is compatible with the old browser IE6, instead of jQuery2 that is not compatible with the old browser IE6. Put the downloaded jQuery1.11.js together with the jQueryMobile file. As shown below:

After that, you can write the page on the web page. The code is as follows. Please see the comments for details.

Copy code The code is as follows:

Title

Chinese is no problem aaa

​​​
                                                                                                                                                                                                                                                                                                                

So, you can write the following web page:

The discussion of themes on w3cschool is a bit outdated. Please note that the latest version of jQueryMobile’s built-in themes have been deleted, leaving only two types. The built-in icons of jQueryMobile are as follows:

For debugging, you should use advanced browsers such as Google Chrome and Firefox, because the IE8 that comes with WIN7 has many compatibility issues. After all, this product is used to write mobile pages, so don’t assume jQueryMobile is applied to computer pages.

I hope this article will be helpful to everyone’s jQueryMobile program design.