मैं पेज ट्रांज़िशन एनीमेशन कैसे बढ़ा सकता हूं?

Question

मैंने jQuery मोबाइल और फोनगैप का उपयोग करके अपने आईफोन के लिए एक सरल एप्लीकेशन बनाया है। यह बहुत अच्छी तरह से काम करता है, लेकिन आवेदन एक पृष्ठ पर संक्रमण के लिए निम्नलिखित का इस्तेमाल किया और उस नरक के रूप में धीमा था:

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

बस एक साधारण a यहाँ जादू कर रही है और कहा कि परिणामस्वरूप में अजीब 400 मि.से अंतराल आदि ..

अब पढ़ने के बाद मैंने a बटन div बटन बनाया और बटन को तेज़ी से बनाने के लिए क्लिक ईवेंट को संभाला।

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

अंतर महत्वपूर्ण है, लेकिन यह अभी भी मेरे स्वाद के लिए बहुत धीमा है। ऐसा लगता है कि jQuery मोबाइल पूरे बटन एनीमेशन (होवर और क्लिक किया गया) के लिए इंतजार कर रहा है ताकि यह दूसरे पृष्ठ पर जा सके।

अब मेरे सवालों का:

1. सबसे तेज़ तरीका touchstart है? मैंने fastclick जैसे अन्य पुस्तकालयों का उपयोग किया लेकिन यह सुपर फास्ट भी नहीं था।
2. बटन एनीमेशन बैडग्यू यहाँ है? क्या मैं इसे अक्षम कर सकता हूं?
3. क्या आप मुझे सुझाव दे सकते हैं? Google इस विशेष समस्या पर मेरा मित्र नहीं है ...

जीआर।

Answer 1

यह jQuery मोबाइल के सीएसएस में वास्तव में है:

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

बस एमएस में सुधार करने और आप अच्छा कर रहे हैं।

Answer 2

आपको शायद एक कस्टम संक्रमण करना चाहिए। सीएसएस हैकिंग की तुलना में बिट क्लीनर।

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