Случайное закрытие 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>');    
        }
    }
};