5
किसी कारण से, आईपैड पर, पृष्ठों के बीच मेरी jQuery मोबाइल स्लाइड संक्रमण पूरी तरह से काम करता है जब यह डिफ़ॉल्ट स्वाइप बाएं [स्लाइड] होता है। लेकिन जब यह एक स्वाइप सही है [स्लाइड रिवर्स], संक्रमण के दौरान पृष्ठों के बीच पूर्ण खाली सफेद पृष्ठ लगता है।jquery मोबाइल स्लाइड रिवर्स संक्रमण संक्रमण के बीच में खाली पृष्ठ दिखाता है
<div data-role="page" id="zine1">
<div data-role="content">
VARIOUS HTML CONTENT
</div><!-- /content -->
</div>
<div data-role="page" id="zine2">
<div data-role="content">
VARIOUS HTML CONTENT
</div><!-- /content -->
</div>
<div data-role="page" id="zine3">
<div data-role="content">
VARIOUS HTML CONTENT
</div><!-- /content -->
</div>
<script>
$(document).ready(function() {
window.now = 1;
//get an Array of all of the pages and count
windowMax = $('div[data-role="page"]').length;
doBind();
});
// Functions for binding swipe events to named handlers
function doBind() {
$('div[data-role="page"]').live("swipeleft", turnPage);
$('div[data-role="page"]').live("swiperight", turnPageBack);
}
function doUnbind() {
$('div[data-role="page"]').die("swipeleft", turnPage);
$('div[data-role="page"]').die("swiperight", turnPageBack);
}
// Named handlers for binding page turn controls
function turnPage(){
// Check to see if we are already at the highest numbers page
if (window.now < windowMax) {
window.now++
$.mobile.changePage("#zine"+window.now, {transition:"slide"});
}
}
function turnPageBack(){
// Check to see if we are already at the lowest numbered page
if (window.now != 1) {
window.now--;
$.mobile.changePage("#zine"+window.now, {transition:"reverse slide"});
}
}
</script>