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

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

c# - Using Vici cool Storage with monodroid -

python - referencing a variable in another function? -