Javascript意外關閉

Question

我在我的網站上有這段代碼，計算圖像的數量，然後在用戶每次點擊所需的類別時輸出一個列表。

問題是，我的圖像計數器變量（noIMG）在每次調用函數時都不會自行清除。我試着在函數的最後添加一個重置（noIMG），但這似乎是一個糟糕的主意。

我做了一些研究，我偶然發現了有關關閉的文章。嘗試了很多方法來修復它之後，我的代碼仍然沒有按照我希望的方式行事。

---

function thumbCounter(){ 

    var noIMG = $(".artwork img").size()+1; 

     for (var count = 1; count < noIMG; count++){ 
      if (count == 1){ 
       $('#list_here').append('<li class="active">' +count+ '</li>'); 
      } else{ 
       $('#list_here').append('<li>' +count+ '</li>');  
      } 
     } 
}; 

Answer 1

如果你的意思是你希望每個函數被調用的時間來清除該列表，那麼它這樣做：

function thumbCounter() { 
    var noIMG = $(".artwork img").size() + 1; 
    var myList = $('#list_here'); // reference to list 

    myList.html(""); // clear the contents 
    for (var count = 1; count < noIMG; count++) { 
     if (count == 1) { 
      myList.append('<li class="active">' +count+ '</li>'); 
     } else { 
      myList.append('<li>' +count+ '</li>');  
     } 
    } 
};