Question

Здравствуйте, вопрос заключается в следующем - какова причина неработающих попапов к цветам в карточке товара каталога? В вёрстке всё прекрасно работает, а в битриксе работает лишь первый элемент.

Функция jquery:

$('.item-color-content li').hover(function() {
    $('.item-color-hover-color').attr('style', $(this).attr('style'));
    $('.item-color-hover-text').html($(this).attr('data-text'));
    $('.item-color-hover').show();
    var top = $('.item-color').offset().top -  $(this).offset().top;
    var left = $('.item-color').offset().left - $(this).offset().left;
    $('.item-color-hover').css({
        top:-top - 116,
        left:-left + 15
    });
}, function() {
    $('.item-color-hover').hide();
});

 

Ссылка

Answer 1

Добрый день.

Так не подсказать, с виду ошибок нет, надо на месте проверять что не так. То есть, для проверки второй строки:
console.log($('.item-color-hover-text'));
console.log($(this).attr('data-text'));
и т.д.

Как обычно, проблема где-то простая и тривиальная, но незаметная =)

Comments

А адекватного расширения на дебаг jquery скриптов часом не найдётся?(firebug не предлагать)

---

Код js скорее всего в чём-то не совпадает с выведенным html. Вот что именно не совпадает - и нужно найти. Тут расширение не поможет - тут глазами смотреть надо. Может, опечатка где =)

---

А встроенный в Chrome дебаггер в общем то практически всё умеет и не тормозит (ну почти не тормозит). И к нему есть дополнения для дебага даже AngularJS и ReactJS -- на все случаи жизни =)