JSで＋＋を用いた足し算が反映されない

Question

画像のスライドはうまくいっているのにも関わらずcurrentslideの部分がプラスされていきません。どこが原因でしょうか？

<div class="footer_logo_bar_bg ">
                    <p class="footer_logo_bar_bg_prev " onclick="footer_prev() "><img src="img/btn_prev_01.png "></p>
                    <div class="footer_slider ">
                        <ul id="footer_slides " class="footer_slides ">
                            <li class="footer_slide "><img src="img/bnr_footer_01.png "></li>
                            <li class="footer_slide "><img src="img/bnr_footer_02.png "></li>
                            <li class="footer_slide "><img src="img/bnr_footer_04.png "></li>
                            <li class="footer_slide "><img src="img/bnr_footer_05.png "></li>
                            <li class="footer_slide "><img src="img/bnr_footer_06.png "></li>
                            <li class="footer_slide "><img src="img/bnr_footer_07.png "></li>
                            <li class="footer_slide "><img src="img/bnr_footer_08.png "></li>
                            <li class="footer_slide "><img src="img/bnr_footer_09.png "></li>
                            <li class="footer_slide "><img src="img/bnr_footer_10.png "></li>
                            <li class="footer_slide "><img src="img/bnr_footer_11.png "></li>
                            <li class="footer_slide "><img src="img/bnr_footer_01.png "></li>
                        </ul>
                    </div>
                    <p class="footer_logo_bar_bg_next " onclick="footer_next() "><img class="footer_logo_bar_bg_next " src="img/btn_next_01.png "></p>
                </div>

.footer_slider {
            width: 60vw;
            overflow: hidden;
            margin-top: 20px;
        }
        
        .footer_slides {
            width: 165vw;
            overflow: hidden;
        }
        
        .footer_slide {
            float: left;
            padding: 0 5px;
            width: 15vw;
        }

var $footer_slides = $(".footer_slides");
    var currentslide = 1;
    var slideCount = 8;
    var footer_slidetime = 3000;
    var animationtime = 1000;

    // 横移動のスライドショー
    setInterval(function() {
        $footer_slides.animate({
            'marginLeft': '-=15vw'
        }, animationtime, function() {
            currentslide++;
            if (currentslide === slideCount) {
                currentslide = 1;
                $(this).css("margin-left ", "0vw ");
            }
        });
    }, footer_slidetime);

    console.log(currentslide);

Comments

[m.ts10806]

「画像のスライド」に関する情報とHTMLも提示してください。
再現できないことにはアドバイス仕様がありません。

[m.ts10806]

とりあえずこのコードだけだとエラーが出るということだけ。

[MasayaTakashima]

無事できました。ありがとうございました。

Answer 1

単純にconsole.logの位置が関数と関係ないからでは？
++した直後に出力すれば動いてるのが確認できると思います

Comments

[MasayaTakashima]

無事できました。ありがとうございました。

Answer 2

currentslideが加算されない問題についてはベストアンサーの通りでした。
またmargin-leftが０にならない問題については以下の通り解決できました。

$(this).css("margin-left ", "0vw ");

上記のコードを下記に書き換えました

 $(this).css('marginLeft', '0px');