jQuery click事件導致循環僅執行一次

Question

我想在每次單擊“顯示更多”按鈕時每次顯示下五個div，加載時默認顯示5個div，這是我的代碼，

var counterBox = 5;
$("#show_more_location").click(function() {
    $(".loading-container").show();
    for (var inc = 5; inc <= 5; inc++) {
        if(counterBox<50){
            counterBox = counterBox + 1;
            $(".location-box:nth-child("+counterBox+")").slideDown().addClass("show_box").delay(100);
        }  
    }
    $(".loading-container").delay(5000).hide();         
});

問題是，當我單擊“顯示更多”按鈕時，它僅循環一次，然后停止。 僅顯示一個div，我想在show buttonclick上顯示5個div。

有人可以幫忙嗎？

Answer 1

看來您使用5初始化了inc迭代器，並且當它高於5時退出了循環：

for (var inc = 5; inc <= 5; inc++) {
   ...
}

嘗試使用1初始化它：

for (var inc = 1; inc <= 5; inc++) {
   ...
}

Answer 2

您將for循環中的inc設置為5，然后檢查它是否小於或小於5。因此它運行一次。 使inc 0運行6次。