Функция щелчка не работает в скрипте

В файле product_detail.html:

Я создал эту html страницу с описанием товара, где я создал чекбокс (радио), но когда я нажимаю на чекбокс, он не работает В оригинальном шаблоне все работает отлично. Мои представления и модель также работают

Чтобы увидеть мою проблему в деталях, пожалуйста, нажмите на ссылку:

https://youtu.be/SAfs2UepWqc

Вы можете увидеть на видео, что когда я добавляю новый цвет в товарах, он работает (я имею в виду, что ранее на странице было четыре цвета, после добавления одного цвета стало пять цветов), но когда я нажимаю на цвета, он не меняет изображения.

Хотя я поднял более одного изображения, вы можете увидеть в видео ниже, перейдя по ссылке:

https://youtu.be/BtRq0XeijmY

$('.color-choose').on('click', 'input', function() {
      ...
});`