0

ページの下までコピーして貼り付けてから個々の番号を変更することなく、大量のクリック機能を再現したいと考えています。私の問題は、ID を for ループ内で変更できないことです。

これが私のスクリプトです:

for (var i=0;i<$('.slide').length;i++) {
            $step = $('#step'+i);
            $step.on('click', slideTo);
            function slideTo(event){
                $(this).off('click');
                $active = $('.current');
                if (!$active.is('#slide'+i)) {
                    $active.animate({
                        left: '-1024px'
                    }, 500, function() {
                        $(this).removeClass('current');
                    });
                    $('#slide'+i).animate({
                        left: '0'
                    }, 500, function() {
                        $(this).addClass('current');
                        $step.on('click', slideTo);
                    }).addClass('current');
                };
            };
        }

HTML はたくさんありますが、今のところここに少しだけ示します。

<div id="slider" class="article">
            <div id="slideHolder">
                <!-- Step 1 -->  
                <div class="walkthrough firstClass current">
                    <div class="step">
                        <h4>STEP 1: Go to the DRMA Service Center.</h4><p>From the RII Homepage <a href="http://r2.nrc.gov" target="_blank" title="">(r2.nrc.gov,)</a> Look under where it says Quicklinks. The second link from the top of the list is the link to the DRMA Service Center. You can click there or click the link below the image to the right. >>></p>
                    </div>
                    <div class="stepImg">
                        <img src="img/step1.jpg" alt="" />
                        <a href="" title="">Think you got it? Exit to the DRMA Service Center >>></a>
                    </div>
                    <div class="clr"></div>
                </div>
    <!-- Step 2 -->         
                <div class="walkthrough">
                    <div class="step">
                        <h4>STEP 2: LOGIN.</h4><p>Here you want to log in just as you would to your Region II workstation.<br /><br />Username: Your LAN ID<br />Password: Your regular NRC Password</p>
                    </div>
                    <div class="stepImg">
                        <img src="img/step2.jpg" alt="" />
                        <a href="" title="">Think you got it? Exit to the DRMA Service Center >>></a>
                    </div>
                    <div class="clr"></div>
                </div>
</div>
</div>
        <div id="sliderControls">
            <div class="slide" id="step1">Step 1</div>
            <div class="slide" id="step2">Step 2</div>
</div>

何か追加する必要がある場合は、お尋ねください。ありがとうございます。

4

0 に答える 0