Добро пожаловать на сайт Bitrix Q&A, где вы можете задавать вопросы о программировании и разработке на Битрикс и получать быстрые и квалифицированные ответы от профессионалов!


не работает функция jquery на битриксе, хотя работает в html

0 голосов

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

Функция 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();
});

 

Ссылка

спросил 21 Янв, 16 от аноним
редактировать 21 Янв, 16

1 Ответ

0 голосов
 
Лучший ответ
Добрый день.

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

Как обычно, проблема где-то простая и тривиальная, но незаметная =)
ответил 23 Янв, 16 от root (21,140 баллов)
А адекватного расширения на дебаг jquery скриптов часом не найдётся?(firebug не предлагать)
Код js скорее всего в чём-то не совпадает с выведенным html. Вот что именно не совпадает - и нужно найти. Тут расширение не поможет - тут глазами смотреть надо. Может, опечатка где =)
А встроенный в Chrome дебаггер в общем то практически всё умеет и не тормозит (ну почти не тормозит). И к нему есть дополнения для дебага даже AngularJS и ReactJS -- на все случаи жизни =)

Похожие вопросы

Управление продуктом: аналитика, разработка, продвижение