0

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

UPD: уточняю свой вопрос: выбор цвета работает, но не отображается запись выбранного цвета (как на скрине), js я не менял, только разметка и стили;

1 ответ 1

3

На странице скрипт

$('input').on('change', function() {
              $('input.action').removeClass('action');
              $(this).addClass('action');
              $(this).find('input[type=radio]').checked = true;
            });

Вы пытаетесь внутри элемента input найти input с типом radio и поставить атрибут checked. Исправьте.

Событие не нужно на все input элементы ставить, берите в контексте выбора цвета

$('.item_info .option input[type="radio"]')
6
  • 1
    По поводу отладки если не знаете где искать: в Chrome жмем F12, выбираем элемент у которого предположим меняется атрибут при нажатии, жмем правой кнопкой мыши, выбираем Break on... -> Attributes Modifications и выполняем действие которое меняет атрибут. Далее работаем с отладкой после того как активирован брекпоинт.
    – Invision
    22 мар 2016 в 11:45
  • то есть $(this).find('input[type=radio]').checked = true; меняем на $('.item_info .option input[type="radio"]').checked = true;
    – invited
    22 мар 2016 в 11:56
  • 1
    нет. достаточно $(this).prop('checked', true). Можно вообще без JS обойтись, обернуть радиокнопку в элемент label и в css по состоянию :checked повесить нужный стиль
    – Invision
    22 мар 2016 в 11:59
  • благодарю за такой полезный совет и комментарий
    – invited
    22 мар 2016 в 12:00
  • к сожалению замена на $(this).prop('checked', true) результата не дала
    – invited
    22 мар 2016 в 12:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.