2011-11-22 14 views
10

को रखते हुए सुपरफिश ड्रॉपडाउन मेनू ऑनमूसओवर की देरी को हटाएं, मुझे सुपरफ़िश ड्रॉपडाउन फ़िक्स की प्रारंभिक देरी को हटाने में समस्या हो रही है। मेरा ग्राहक ऑन-हाउसआउट में देरी चाहता है, लेकिन देरी पर नहीं है।होवरिंटेंट देरी ऑनमोउसआउट

मुझे एक शुद्ध सीएसएस ड्रॉपडाउन मेनू (ट्वेंटीटेन ड्रॉपडाउन मेनू के समान) मिला है और इसमें Suckerfish.js लागू कर रहा हूं।

यहाँ मेरी कोड है:

$('ul#menu-airco-mb-navigatiestructuur').superfish({ 
    delay: 600, 
    autoArrows: false, 
    speed: 'fast' 
}); 

मैं the manual of Superfish के माध्यम से पढ़ रहा है, लेकिन मैं क्या प्रारंभिक देरी से चलाता है खोजने के लिए प्रतीत नहीं कर सकते हैं। हो सकता है कि एनीमेशन animation: {opacity:'show'} (जो मुझे अपने सिर को चारों ओर नहीं लग रहा है) के साथ कुछ करना है।

सहायता की सराहना की जाती है!

उत्तर

13

ऐसा लगता है कि आप होवरइन्टेंट प्लगइन सहित हो सकते हैं। सुपरफिश के विकल्पों में से एक "अक्षमHI" है। यदि आप इसे "सत्य" पर सेट करते हैं तो सुपरफिश माउसवेंटर ईवेंट में देरी करने के लिए होवरइन्टेंट का उपयोग नहीं करेगा। या यदि आप साइट पर कहीं और इसका उपयोग करने की योजना नहीं बनाते हैं तो आप होवरइन्टेंट प्लगइन को शामिल नहीं कर सकते हैं। उम्मीद है की यह मदद करेगा।

$('ul#menu-airco-mb-navigatiestructuur').superfish({ 
    delay: 600, 
    autoArrows: false, 
    speed: 'fast', 
    disableHI: true 
}); 

मैं दो टेस्ट केस बनाया है। first one आपके सीएसएस का उपयोग करके आपके पृष्ठ का सरलीकृत संस्करण है और the second बिल्कुल वही है जो मैंने आपके सभी सीएसएस को हटा दिया है और केवल सुपरफिश वेबसाइट पर पाए गए मूल superfish.css को शामिल किया है। मैंने मेन्यू क्लास को 'मेनू' से 'एसएफ-मेन्यू' में भी बदल दिया है, इसलिए superfish.css काम करता है।

ध्यान दें कि मेरे सीएसएस के साथ संस्करण काम करता है जैसे आप चाहते हैं, जबकि आपके सीएसएस के साथ आपके द्वारा वर्णित बग है। मुझे लगता है कि एक सीएसएस मुद्दा है जिसे आप मेरी तुलना करके मेरी तुलना करके हल कर सकते हैं और इसे मिलान करने के लिए अपना बदल सकते हैं। एक अंतर मैं देखता हूं कि मैंने उप मेनू यूएल को एक निश्चित एम चौड़ाई में सेट किया है और उनके बच्चे को 100% तक, जबकि आप नहीं करते हैं। यह अपराधी नहीं है, लेकिन यह दिखाता है कि आप सुपरफ़िश मेनू करने के प्रयास किए और परीक्षण किए गए तरीके से अपने सीएसएस को अधिक बारीकी से संरेखित करने से लाभ उठा सकते हैं। उम्मीद है की यह मदद करेगा।

+0

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

+0

सुपरफ़िश माउसओवर ईवेंट को संभालने के लिए होवरइन्टेंट (यदि शामिल है) छोड़कर, "देरी" विकल्प के माध्यम से माउसआउट देरी को संभालता है।अक्षमHI HoverIntent onmouseover को हटा देता है, लेकिन "देरी" को 600 तक सेट करना अभी भी माउसआउट देरी को बनाए रखना चाहिए। –

+0

फिर से धन्यवाद। मैंने आपके निर्देशों का पालन किया है, लेकिन स्पष्ट रूप से सफलता के बिना। क्या आप इस मुद्दे पर क्या हो सकता है यह देखने के लिए कृपया [link] http://mediasoft.chocolata.be पर मेरे कार्यान्वयन पर एक नज़र डालें? – maartenmachiels

0

जो आप माउसओवर पर देख रहे हैं वह कोई देरी नहीं है बल्कि वास्तविक एनीमेशन चल रहा है।

मुझे लगता है कि आप एनीमेशन को हटा सकते हैं।

यदि आप केवल ऊंचाई को एनिमेट करते हैं तो आपको अस्पष्टता के विपरीत तत्काल दृश्य प्रतिक्रिया मिलती है जो प्रकट होने में दूसरा स्थान लेता है।

कार्यक्षमता के अनुसार जो हो सकता है लेकिन आप चाहते हैं, दृष्टि से नहीं जानते।

 $('ul#menu-airco-mb-navigatiestructuur').superfish({ 
      delay  : 0, 
      animation : { height:'show' }, 
      speed  : 'fast' 
     }); 
+0

हाय क्रीक, धन्यवाद। अब यह पहले से ही थोड़ा स्पष्ट है, लेकिन फिर भी कुछ मामूली देरी होती है। कृपया ध्यान दें कि सेटिंग 'देरी: 0' देरी पर रोक लगाती है, जबकि मैं केवल देरी को हटा देना चाहता हूं। यहां आप देख सकते हैं कि मैं किस बारे में बात कर रहा हूं: http://mediasoft.chocolata.be/ क्या आप हाथ दे सकते हैं? – maartenmachiels

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