। होवरइन्टेंट

Question

के साथ माउसओवर को प्रतिस्थापित करना सबसे पहले मैं क्षमा चाहता हूं ... मैंने पहले इस प्रश्न को पोस्ट किया है, लेकिन मैंने इसे समझाने का एक बुरा काम किया है। मुझे निम्नलिखित जावास्क्रिप्ट में hoverIntent प्लगिंग करने में परेशानी हो रही है ... मुझे इसे mouseenter और mouseleave फ़ंक्शंस को प्रतिस्थापित करने की आवश्यकता है। बस स्पष्ट होने के लिए, मैं मदद मांग रहा हूं क्योंकि मैं जावास्क्रिप्ट सिंटैक्स के साथ बहुत अच्छा नहीं हूं। नीचे दूसरा कोड स्निपेट ऐसा लगता है जैसे इसे काम करना चाहिए, लेकिन यह कुछ भी नहीं करता है और इंटरनेट एक्सप्लोरर में पूरी तरह से मर जाता है।

if (jQuery.browser.msie === true) { 
    jQuery('#top_mailing') 
    .bind("mouseenter",function(){ 
     $("#top_mailing_hidden").stop().slideDown('slow'); 
    }) 
    .bind("mouseleave",function(){ 
     $("#top_mailing_hidden").stop().slideUp('slow'); 
    }); 
} 

मैं अन्य ब्राउज़र के लिए निम्नलिखित का उपयोग कर रहा है, लेकिन यह इंटरनेट एक्सप्लोरर में काम नहीं कर रहा है।

$('#top_mailing').hoverIntent(
    function() { 
    $("#top_mailing_hidden").stop().slideDown('slow'); 
    }, 
    function() { 
    $("#top_mailing_hidden").stop().slideUp('slow'); 
    } 
); 

Answer 1

मुझे लगता है कि मुझे समस्या मिली है।

आप $('#top_mailing').hoverIntent(... दो बार कॉल कर रहे हैं। एक बार hoverintent_r5.js फ़ाइल के नीचे, और एक बार अपनी custom.js फ़ाइल में। जाहिर है आईई इसे पसंद नहीं करता है। एक या दूसरे से छुटकारा पाएं, और यह ठीक होना चाहिए।

शायद अपने सभी कोड को अपनी जेएस फ़ाइल में रखना बेहतर होगा। अन्यथा इसके बारे में भूलना आसान है।

संपादित करें: स्टॉप() समस्या से बचें।

$('#top_mailing').hoverIntent(
    function() { 
    $("#top_mailing_hidden").stop().animate({height:150},'slow'); 
    }, 
    function() { 
    $("#top_mailing_hidden").stop().animate({height:0},'slow'); 
    } 
); 

इस तरह, जब आप बंद करो और निर्देशों को बदलने की जरूरत है, यह हमेशा पता है कहाँ जाना है जाएगा:

मैं चेतन पसंद करते हैं। (0 और 150 उपरोक्त उदाहरण में।)

कृपया ध्यान दें कि इसके लिए top_mailing_hidden की आवश्यकता होगी clip:auto; overflow:hidden सेट।

चूंकि आप होवरइन्टेंट का उपयोग कर रहे हैं, इसलिए कॉल को रोकने के लिए कोई आवश्यकता नहीं हो सकती है, क्योंकि होवरइन्टेंट उन अनजान माउसओवर घटनाओं से बचने के लिए है।

विषय बंद थोड़ा :

अपने कार्यान्वयन के साथ मन में एक बात रखें। चूंकि यह भरने का एक रूप है, इसलिए उपयोगकर्ता संभवतः (बिना सोच के) अपने माउस को टाइपिंग शुरू करते समय रास्ते से बाहर ले जाएंगे। इससे फ़ॉर्म गायब हो जाएगा।

इस बात को ध्यान में रखते हुए, आप माउसआउट ईवेंट करने पर पुनर्विचार करना चाह सकते हैं। उपयोगकर्ता वैकल्पिक रूप से 'रद्द करें' या 'बंद करें' बटन के साथ फॉर्म सबमिट करते समय हमेशा इसे वापस स्लाइड कर सकता है।