javascript - jQuery optimize code of multiple hover -
यह मेरा कोड है:
$ ('। Tab_map1 क्षेत्र')। होवर (फ़ंक्शन () ($ ('# Nav1')। ('A')। रोकें ()। Toggleclass ('hover', 500); वापसी वापसी;}); $ ('। Tab_map2 क्षेत्र')। होवर (फ़ंक्शन () {$ ('# nav2')। ('A') को खोजें। रोकें ()। Toggleclass ('hover', 500); वापसी वापसी;}); $ ('। Tab_map3 क्षेत्र')। हॉवर (फ़ंक्शन () {$ ('# nav3')। ('A') को ढूंढें। रोकें ()। Toggleclass ('hover', 500); वापसी वापसी;}); $ ('। Tab_map4 क्षेत्र')। हॉवर (फ़ंक्शन () {$ ('# nav4')। ('A')। रोकें ()। Toggleclass ('hover', 500); वापसी वापसी;}); ... (उनमें से 8 हैं) मैं एक ही कोड को कई बार दोहराने नहीं करना चाहता, लेकिन इसे किसी तरह अनुकूलित करना क्या कुछ सूचक मूल्य के साथ .tab_map1-8 और # nav1-8 को बदलने का एक मौका है?
मैंने कोशिश की:
var n = 8; $ ('Li.tab_map क्षेत्र')। Eq (n) .होवर (फ़ंक्शन () {$ ('# nav')। Eq (n) .find ('a')। Stop ()। Toggleclass ('hover' , 500); वापसी वापस;}); और:
$ ("# navibar ul")। प्रत्येक (फ़ंक्शन (इंडेक्स) {$ ('। Tab_map: eq (' + इंडेक्स + ') क्षेत्र')। हॉवर (फ़ंक्शन (इंडेक्स) {$ ('# एनएवी: एसी (' + इंडेक्स + ')')। खोज ('ए')। रोक ()। Toggleclass ('hover', 500) ; विवरण झूठा है; }); }); दोनों काम नहीं कर रहे हैं।
सबसे आसान तरीका ऐसा करने के लिए 1-8 सीमा पर एक के लिए पाश का उपयोग करना है फिर प्रत्येक सूचकांक के लिए चयनकर्ता का निर्माण करें। उदाहरण के लिए के लिए (var i = 1; i & lt; = 8; i ++) {var सहायक = फ़ंक्शन (sel, id) {$ (sel)। Hover (function () {$ (आईडी) .फंड ('ए')। स्टॉप ()। टॉगलक्लास ('होवर', 500); वापसी वापस;}); }; सहायक ('। टैबमैप' + आई + 'क्षेत्र', '# एनएवी' + आई); }
Comments
Post a Comment