2011-08-09 11 views
7

मेरे पास एक jQuery कोड है जो डेस्कटॉप ब्राउज़र पर सही काम करता है;आईपैड पर jQuery माउसआउट

$("span#checkbox_err").mouseout(function() { 
         $("span#checkbox_err").fadeOut("slow"); 
        }); 

लेकिन इसके साथ ही आईपैड पर गति प्रदान नहीं करता है (एक परिणाम checkbox_err स्क्रीन पर प्रदर्शित किया जाता है के रूप में, लेकिन कभी नहीं छुपाता)

मैं iPad पर mouseout घटना कैसे को गति प्रदान करते हैं?

इसके अलावा

मैं किसी भी अतिरिक्त लाइब्रेरी का उपयोग सिर्फ इस छोटे मुद्दे को ठीक से बचने के लिए चाहता हूँ ..

मैं एक अनुवर्ती यूपी प्रश्न

मैं iPad पर एक पेज का परीक्षण कर रहा हूँ और कुछ का सामना करना पड़ रहा है माउसआउट व्यवहार के बराबर लागू करने वाले मुद्दे ..

तो समस्या को समझना बहुत आसान है; 1. मेरे पृष्ठ पर, क्लिक (या बल्कि स्पर्श) पर एक चेकबॉक्स है, मैं एक त्रुटि संदेश दिखाना चाहता हूं 2. त्रुटि के अलावा किसी अन्य चीज़ पर क्लिक/स्पर्श करें, मैं त्रुटि को छिपाना चाहता हूं संदेश

नीचे दिया गया है कोड मैंने लिखा है;

$(document).bind("touchstart",function(e){ 
     if(e.target.id != "checkbox_err") 
     $("span#checkbox_err").fadeOut("slow"); 
    }); 
} 


$("input:checkbox").bind("touchstart",function(){ 
$("span#checkbox_err").fadeIn("fast"); 

}); 

अब इस मुद्दे को जब मैं क्लिक करें/चेकबॉक्स पर स्पर्श है, ERRORMSG थोड़ी देर के लिए पता चलता है और फिर इसे भी तुरंत (के बाद से लक्ष्य ERRORMSG नहीं है)

गुप्त रखता है मैं इसे ठीक कैसे करूँ मुद्दा?

उत्तर

2

आप .mouseout के बजाय .blur की कोशिश कर सकते()()

+1

कलंक() आईपैड – Diana

-1

आप ipad

+0

पर काम कर रहा है नहीं कई स्पर्श के लिए GestureEnd नहीं है और एकल स्पर्श के लिए ... मैं कलंक के बराबर रहा हूँ नहीं/mouseout .. – Diana

+0

@Diana: वहाँ कोई ऐसे हैं टच पर्यावरण में मूसआउट और माउसओवर जैसी घटना। http://backtothecode.blogspot.com/2009/10/javascript-touch-and-gesture-events.html –

+0

पर एक नज़र डालें ... लेकिन क्या कार्यान्वित करने के लिए कोई कामकाज है माउसआउट के बराबर? – Diana

1

हो सकता है कि उत्साह से भरा हुआ की वजह से में GestureEnd() घटना के साथ की कोशिश कर सकते? यह मुझे समझ में आता है, घटना अंतर्निहित परत तक पहुंच जाएगी जो लक्ष्य नहीं है।

$("input:checkbox").bind("touchstart",function(){ 
$("span#checkbox_err").fadeIn("fast"); 
event.stopPropagation. 

}); 

आशा है कि यह फिर मदद करता है: तो तुम eventPropagation को रोकने के लिए किया है। क्या आपको माउसआउट के लिए कोई विकल्प मिल गया था? - जो मुझे यहाँ लाया।

1

यह उदाहरण निश्चित रूप से आपकी सहायता करेगा! http://jsfiddle.net/PzTcS/12/, यह आईपैड पर अच्छी तरह से काम करता है।

संबंधित मुद्दे