Làm cách nào để tăng tốc hoạt ảnh chuyển tiếp trang?

Question

Tôi đã tạo một ứng dụng đơn giản cho iphone của mình bằng cách sử dụng jQuery Mobile và Phonegap. nó hoạt động rất tốt, nhưng ứng dụng sử dụng những điều sau đây để chuyển đổi sang một trang khác và đó là chậm như là địa ngục:

<a data-role="button" id="about_link" data-transition="slide" 
    href="#page3" data-icon="gear" data-iconpos="left"> 
    Settings 
</a> 

Chỉ cần một đơn giản a đang làm sự kỳ diệu ở đây và điều đó dẫn đến việc 400ms lạ tụt hậu vv ..

Bây giờ sau rất nhiều lần đọc, tôi đã thực hiện nút a một số div và tự xử lý sự kiện nhấp để làm cho nút nhanh hơn.

$("#about_link").live("touchstart", function(){ 
    slideTo('#page3',false); 
}); 
function slideTo(page,reverse){ 
    $.mobile.changePage(page, { 
     transition: "slide", 
     reverse: reverse 
    }); 
} 

Sự khác biệt là đáng kể nhưng vẫn còn quá chậm đối với khẩu vị của tôi. Có vẻ như jQuery Mobile đợi toàn bộ hoạt ảnh của nút (di chuột và nhấp) để kết thúc trước khi nó chuyển sang trang khác.

Bây giờ câu hỏi của tôi:

1. là touchstart cách nhanh nhất? Tôi đã sử dụng các thư viện khác như fastclick nhưng cũng không quá nhanh.
2. Nút hoạt ảnh có phải là badguy ở đây không? Tôi có thể vô hiệu hóa nó sau đó?
3. Các bạn có thể cho tôi lời khuyên không? Google không phải là bạn của tôi về vấn đề cụ thể này ...

Gr.

Answer 1

Nó thực sự trong css jquery di động:

.in, .out { 
    -webkit-animation-timing-function: ease-in-out; 
    -webkit-animation-duration: 350ms !important; 
} 

Chỉ cần tinh chỉnh các ms và bạn tốt.

Answer 2

Bạn có lẽ nên thực hiện chuyển đổi tùy chỉnh. Bit sạch hơn hacking CSS.

http://jquerymobile.com/test/docs/pages/page-customtransitions.html