javascript - I have 10-15 buttons on page.I want to move 1 button left-right using iquery -

इस सवाल का पहले से ही एक उत्तर है: < / P>

• 5 जवाब

  मेरे पास 10- पृष्ठ पर 15 बटन, मैं jquery का उपयोग करके केवल 1 बटन दाएं-दाएं को स्थानांतरित करना चाहता हूं, लेकिन सभी बटन दाएं-दाएं चलने लगते हैं। यहां तक ​​कि हर बटन में अलग-अलग वर्ग का नाम है। कृपया मुझे समाधान बताएं।

  यहां कोड है:

    & lt; script & gt; $ (दस्तावेज़) .ready (फ़ंक्शन () {sayNoVisual (100, 1);}); एक्शन ({'मार्जिन लेफ्ट': 1}, फ़ंक्शन (एंजिट) ($ ''। ) {If (r-- & gt; 0) {sayNoVisual (px, r);}});}); } & Lt; / script & gt;   
   और यहां बटन हैं:  
    & lt; बटन प्रकार = "सबमिट करें" class = "stepback" data-ruleindex = "1" & gt; & Lt; img alt = "वापस कदम" src = "46887_106291039431913_6252895_n.jpg" शीर्षक = "पीछे एक चक्र" चौड़ाई = "60" ऊंचाई = "60" & gt; & lt; / बटन & gt; & Lt; बटन प्रकार = "सबमिट करें" class = "stepfwd" डेटा-नियम इंडेक्स = "1" & gt; & Lt; img alt = "आगे बढ़ें" src = "467_n.jpg" शीर्षक = "आगे एक चक्र" चौड़ाई = "60" ऊंचाई = "60" & gt; & lt; / बटन & gt;   
   कोड में मैंने केवल 1 बटन वर्ग का प्रयोग किया था लेकिन दोनों बटन बाएं से दाएं चल रहे हैं।  
   सीएसएस वर्ग का उपयोग किया जाता है:  
    & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; .स्टेपबैक, प्ले,। पोज़, .stepfwd, .tostart, .toflagback, .toflagfwd, .toend {मार्जिन: 0; गद्दी: 0; सीमा: 0; रूपरेखा: 0; font-size: 100%; ऊर्ध्वाधर- align: आधारभूत; पृष्ठभूमि: पारदर्शी}। चरण: सक्रिय,। सक्रिय:। रोकें: सक्रिय, .stepfwd: सक्रिय, .tostart: सक्रिय, .toflagback: सक्रिय, .toflagfwd: सक्रिय, .toend: सक्रिय {स्थिति: रिश्तेदार; शीर्ष: 3px; }। स्टापबैक:। हॉवर,। प्ले: होवर,। पोजः होवर, .स्टेफ़फ़् ड्ड: होवर, .टॉस्टर्ट: होवर, .फ़ोलागैक: होवर, .टीफलैगफ़्वार्ड: होवर, .टेंडः होवर {स्थिति: रिश्तेदार; शीर्ष: 3px; } & Lt; / style & gt;    
   
   
    & lt; बटन प्रकार = "सबमिट करें" class = "stepfwd" डेटा -ruleindex = "1" & gt; & Lt; img alt = "आगे बढ़ें" src = "467_n.jpg" शीर्षक = "आगे एक चक्र" चौड़ाई = "60" ऊंचाई = "60" & gt; & lt; / बटन & gt; & Lt; बटन प्रकार = "सबमिट करें" class = "stepback" डेटा-नियम इंडेक्स = "1" & gt; & Lt; img alt = "वापस कदम" src = "46887_106291039431913_6252895_n.jpg" शीर्षक = "पीछे एक चक्र" चौड़ाई = "60" ऊंचाई = "60" & gt; & lt; / बटन & gt;   
   देखिए - जो बाईं ओर था, बस स्विच किया गया  
   तकनीकी तौर पर केवल बाएं बटन चल रहा है, लेकिन आप किसी एक को जाने की उम्मीद करते हैं? इसका कोई विकल्प नहीं है जब तक कि आप स्थिति को कुछ और तरह निरपेक्ष न करें  
   उस का उदाहरण  
   । Stepback {position: absolute;} .stepfwd {position: absolute; left : 100px;}