आईपैड के लिए jquery काम में mousedown/mouseup करता है?

Question

मैं वर्तमान कोड का उपयोग कर रहा:

$('body').mousedown(function() { 
     $('div#extras').fadeTo('fast', 1); 
}); 

$('body').mouseup(function() { 
     $('div#extras').delay(2000).fadeTo(1500, 0); 
}); 

इस सफारी में अच्छा काम करता है लेकिन जब मैं इसे अपलोड और iPad यह काम does not पर यह देख लिया?

Answer 1

मुझे पता चला कि कैसे जो लोग रुचि रखते हैं के लिए iPad के लिए यह करने के लिए:

कोड मैं अपने सवाल में इस्तेमाल करने के बजाय

, आप का प्रयोग करेंगे:

$('body').bind("touchstart", function(e){ 
     $('div#extras').fadeTo('fast', 1); 
}); 

&

$('body').bind("touchend", function(e){ 
     $('div#extras').delay(2000).fadeTo(1500, 0); 
}); 

Answer 2

बिल्कुल नहीं।

Apple Docs

उद्धरण:

एक क्लिक करने योग्य तत्व है एक लिंक, फ़ॉर्म तत्व, छवि नक्शा क्षेत्र, या MouseMove के साथ किसी भी अन्य तत्व, mousedown, mouseup, या onclick हैंडलर । स्क्रोल करने योग्य तत्व उचित 0 ओवरफ्लो शैली, टेक्स्ट एरिया और स्क्रॉल करने योग्य आईफ्रेम तत्वों के साथ तत्व है। इन मतभेदों के कारण, आपको अपने कुछ तत्वों को क्लिक करने योग्य तत्वों को बदलने की आवश्यकता हो सकती है, जैसा कि "Making Elements Clickable" में वर्णित है, वांछित आईफोन ओएस में व्यवहार प्राप्त करने के लिए।

(जोर मेरा)

Answer 3

नहीं वास्तव में आपके सवाल का जवाब है, लेकिन लोग हैं, जो यहां सिर्फ

मैं हमेशा इस छोटे से उपयोग करें 'आईपैड पर jQuery mousedown/mouseup' देखने के लिए आया था के लिए आसान हो सकता है चाल:

$(element).hover(function() { 
    // Do something 
}); 

यह छूने पर चलाता है जब एक iPad का उपयोग करने और कार्रवाई जब तत्व के बाहर क्लिक क्योंकि यह एक मंडराना भी है पराजयों टी। तो उदाहरण के लिए:

// Assuming the element has 'opacity: 0' in CSS 

$(element).hover(function() { 
    $(this).animate({'opacity': 1}, 200); 
}); 

'क्लिक पर' प्रभाव में फीका बनाता है, और 'माउसअप पर' फीका आउट प्रभाव बनाता है।