Почему мое событие изменения jquery не срабатывает?

Question

Эй, поэтому я пытаюсь настроить таргетинг всех элементов моей страницы на определенный класс. У меня возникла проблема с тем, чтобы запустить функцию изменения запроса. Поэтому я пробовал много вещей, и все же это не стрельба. Он будет срабатывать в самом начале, когда я загружаю страницу, но никогда после нее, и я получаю сообщение об ошибке, говорящее, что «это» не имеет функции изменения. Однако, когда я регистрирую то, что это ясно показывает, это флажок. В любом случае любая помощь будет оценена по достоинству, так как это должно быть очень просто, и я полагаю, что мне не хватает чего-то маленького.

 $(".rcbCheckBox") 
      .each(function() { 
        console.log(this); 
        this.change(console.log("Changed")); 
       }); 
     }); 

Answer 1

Вы звоните this.change, который будет возвращать undefined, потому что change функция JQuery. Для того, чтобы получить эту работу использование:

$(this).change(function(){console.log(this)}) 

Answer 2

$(".rcbCheckBox") 
     .each(function() { 
       console.log($(this)); 
      }); 
    }); 

Использование $ (это) вместо этого.

Демо: https://jsbin.com/niqefe/2/edit?html,js,console,output

Answer 3

change() функция является частью API JQuery в. Обычные объекты DOM не включают функции jQuery. Вы можете создать новый объект JQuery проходящего объект DOM к несильно JQuery:

var checkbox = jQuery(this); 

Или кратковременным:

var checkbox = $(this); 

Кроме того, ваш код проходит в качестве обработчика для change случае какого console.log("Changed") возвращается, которая не является функцией.

Вы должны сделать что-то вроде этого

$(this).change(function(){ console.log("Changed"); }); 

Кроме того, обратите внимание на ошибку синтаксиса. У вас есть дополнительный }); в вашем примере. Учитывая все сказанное выше, можно попробовать что-то вроде:

$(".rcbCheckBox").each(function() { 
    console.log(this); 
    var checkbox = $(this); 

    var callback = function(){ 
     console.log("Changed"); 
    } 

    checkbox.change(callback); 
});