"Jquerymobile" uses jquerymobile to achieve the effect of sliding page flipping

Swipe gestures are popular in mobile devices and are common in sliding pages in mobile devices

Although this feature can be implemented in Jquerymobile, individuals and the previous "JQuery" on the difficulty of dragging in mobile browsers (click the Open link) has been, because this is viewed in a mobile browser, rather than a standalone app for Android, So do not frequently remove mobile device gestures other than click, in order to avoid the mobile phone browser and the phone system itself, the gesture conflicts.

So, what is the effect of using jquerymobile to achieve sliding page flipping?

I. BASIC OBJECTIVES

In the Jquerymobile frame page of the mobile browser, the real-world swipe gesture features such as:

It also records the number of pages in the current page and automatically increases and decreases as the user slides.

Second, the production process

About the Jquerymobile interface how to decorate, no longer detailed, please read my previous written "Jquerymobile" HelloWorld and page switch (click to open the link),

The following code comments are mainly about how to implement the above page by using the Jquerymobile encapsulated swipe gesture jquery mobile swipeleft and the jquery Mobile swiperight processing, the "jquery Mobile Touch event (click to open link) The narrative of this is problematic, and the experimental code is not consistent with the code given:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
Note that DIV1 does not have a right-slip gesture, because this is the first page and DIV4 does not have a left swipe gesture because this is the last page.

"Jquerymobile" uses jquerymobile to achieve the effect of sliding page flipping