लागू करें एक 2-मेनू ड्रॉप ड्रॉप बार पर दूसरी देरी-जावास्क्रिप्ट, jquery, html, वेब सेवाओं, magento

मैं केवल अपने Magento ड्रॉपडाउन सबमेनू आइटम्स पर दो सेकेंड देरी प्राप्त करने की कोशिश कर रहा हूं जब मैं मूल आइटम को घुमाता हूं। लेकिन मुझे कुछ समस्याएं आती हैं।

यहां मेरे पास 1 मेनू आइटम के लिए एक jQuery है। तो जब मैं आइटम को घुमा दूंगा, तो इसके सबमेनू को दो सेकंड के बाद दिखाया जाएगा। मेरा jQuery है:

jQuery(".level0.nav-1").mouseover(function() {
setTimeout(function() {
jQuery(".level0.nav-1 .dropdown-container.left").show();
}, 2000);
});
jQuery(".level0.nav-1").mouseout(function() {
setTimeout(function() {
jQuery(".level0.nav-1 .dropdown-container.left").hide();
}, 0);
});

समस्या यह है कि सबमेनू माउस को क्रियान्वित करने के तुरंत बाद गायब नहीं होता है। केवल अगर मैं आइटम और माउस पर माउस चलाता हूं।
क्या इस समस्या में कोई मेरी सहायता कर सकता है? मुझे अपनी विधि के अलावा, एक नई विधि सीखने में खुशी होगी। (जो वास्तव में मुझे लगता है कि इतना अच्छा नहीं है)।

उत्तर:

क्या आप अभी भी "माउसआउट" ईवेंट को दूसरे स्तर के स्तर पर जोड़ नहीं सकते हैं, लेकिन 2-सेकंड की देरी के बिना?

उदाहरण के लिए:

jQuery(".level0.nav-1 .dropdown-container.left").mouseout(function() {
$(this).hide();
});

क्या आप "धुंध" का उपयोग कर सकते हैं?

$( ".level0.nav-1" ).blur(function() {})

http://api.jquery.com/blur/