javascript - mouseenter/leave & mouseover/out problems -
स्क्रिप्ट:
$ (".title")। mousecenter (function () { var (जो) = $ (यह)। इंडेक्स (); $ ('। ग्लोबल एनएवी ली')। ('। ड्रॉपडाउन') ढूंढें। छुपाएं ()। eq (जो)। दिखाएं ();})। माउसलेव (फ़ंक्शन () {var जो = $ (यह)। इंडैक्स (); $ ('। ग्लोबल एनएवी ली')। ('। ड्रॉपडाउन') ढूंढें। छिपाने ()। eq (जो) .hide ();}); नेविगेशन:
& lt; ul class = "globalnav" & gt; & Lt; li & gt; & lt; div वर्ग = "शीर्षक" & gt; & lt; a href = "#" लक्ष्य = "_ आत्म" & gt; होम & lt; / a & gt; & lt; / div & gt; & Lt; div वर्ग = "ड्रॉपडाउन" & gt; & Lt; div class = "navlinks" & gt; & Lt; div class = "linkstitle" & gt; शीर्षक & lt; / div & gt; & lt; div class = "navlink" & gt; & lt; a href = "#" लक्ष्य = "_ आत्म" & gt; लिंक 1 & lt; / a & gt; & lt; / div & gt; & lt; div class = "navlink" & gt; & lt; a href = "#" लक्ष्य = "_ आत्म" & gt; लिंक 1 & lt; / a & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / li & gt; ... उपरोक्त कोड है जो मैं अभी उपयोग कर रहा हूं जो क्रोम में काम नहीं करता है * मुझे डिव देखने के लिए नीचे क्लिक करने की आवश्यकता है I मैं माउसओवर का उपयोग करता हूं, यह आईई और एफएफ में ठीक से काम नहीं करता है।
मुझे कोडिंग प्रारूप की प्रकृति के कारण शीर्षक के संबंधित डिवीज को दिखाने में भी परेशानी हो रही है (शीर्षक हॉवर पर, विशिष्ट डिवीज़ दिखाएं) स्वयं (ग्राहक दिया कोड) अभी, एक शीर्षक पर होवर करने पर, यह "नेवलिन्क्स" के लिए पहली ली की सामग्री को दिखाता है।
धन्यवाद
आप .title तत्व के सूचक का उपयोग क्यों कर रहे हैं, यदि अन्य LI की तरह दिखते हैं, तो जो वेरिएबल हमेशा 0 होगा, और यह सही .dropdown को लक्षित करने का तरीका नहीं है इस तरह से कुछ और कोशिश करें
$ ("। शीर्षक")। ('माउससेंट माउसलेव', फ़ंक्शन (ई) {var ड्रॉपडाउन = $ (यह) .closest ('li')। ('। ड्रॉपडाउन') ढूंढें। .type == 'mousecenter'); $ ('। ड्रॉपडाउन')। नहीं (ड्रॉपडाउन) .hide ();}); और अगर आप ड्रॉप डाउन को घूमते हुए दिखाना चाहते हैं, तो उसे उस तत्व के अंदर रख दें जो mouseleave को चालू करता है
& lt; li & gt; & Lt; div वर्ग = "शीर्षक" & gt; & lt; a href = "#" लक्ष्य = "_ आत्म" & gt; होम & lt; / a & gt; & Lt; div वर्ग = "ड्रॉपडाउन" & gt; & Lt; div class = "navlinks" & gt; & lt; div class = "linkstitle" & gt; शीर्षक & lt; / div & gt; & lt; div class = "navlink" & gt; & lt; a href = "#" लक्ष्य = "_ आत्म" & gt; लिंक 1 & lt; / a & gt; & lt; / div & gt; & lt; div class = "navlink" & gt; & lt; a href = "#" लक्ष्य = "_ आत्म" & gt; लिंक 1 & lt; / a & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / li & gt;
Comments
Post a Comment