Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Приветствую,   такой вопрос -   есть страница конфигурируемого товара, вот она (возможно доступна только под ЕС айпишником) По умолчанию ни одна опция не выбрана.   Если выбрать  хотя бы одну любую опцию, внизу под кнопкой добавления в корзину появляется таблица с tier prices.   Так и должно быть, это работает правильно.   Но после того, как таблица становится видимой и не пустой, должен измениться варнинг со * - вот этот текст -  * Select required options to see correctly prices and tier prices - должен скрыться и открыться Tier Prices:.   Это начинает срабатывать, если сначала выбрать какую-либо опцию,  потом снова установить ее как не выбранную, а потом выбрать ее еще раз. Т.е. почему то при первом событии не срабатывает.   вот собственно код -   Код: require(['jquery'],function($){ $(document).ready(function() { respondToVisibility = function(element, callback) {   var options = {     root: document.documentElement   }   var observer = new IntersectionObserver((entries, observer) => {     entries.forEach(entry => {       callback(entry.intersectionRatio > 0);     });   }, options);     observer.observe(element); } respondToVisibility($("div[data-role='tier-price-block']")[0], visible => {   if((visible) && ($.trim($("div[data-role='tier-price-block']").html()).length > 0 )){       $('.price-tier_caption').show();     $('.price-tier_warning').hide();    }    else {        $('.price-tier_caption').hide();     $('.price-tier_warning').show();    } }); }); });   Где ошибка, как сделать чтобы срабатывало при первом событии? Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 17:27 21-12-2021

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii Цитата: не проще отлавливать событие onchange для селекта? К этому и иду, без этого не решить основной задачи - и тут есть одна проблема. Я надеюсь что страница у вас открывается? Если нет, я чуть позже сгенерирую проблему на доступном сервере.   Основная задача - на таких страницах с конфигурируемым товаром показывать цену в поле цены если изменилось кол-во. Пример как это реализовано на простых товарах - например вот на этой странице. Разница в том, что в простом товаре массив tierPrices стабильный, и для упрощения передается из бакенда на фронт в виде json в дата-атрибуте одного из дивов. В конфиг товаре и price и tier prices генерируются не только от кол-ва, но и от выбора опций, поэтому массив этот должен постоянно обновляться, как только обновилась любая из опций. И массив этом я в этом случае получаю не из бакенда, а собираю из таблицы tier price.   Получается, что мне надо отлавливать любое событие, связанное с изменением опций, и пересобирать массив.   И вот она моя проблема. Если вы посмотрите на страницу с конфиг-товаром, то там 4 влияющих на цены опций - material, layout, color и diameter.   При этом material и diameter - это селекты, а вот layout и color классическими селектами или инпутами не являются. При выборе например какого-то цвета у дива добавляеся класс selected и атрубут aria-checked меняет значение c false на true.   Если change у селекта я понимаю как отлавливать, то с этими псевдо-селектами - не совсем. Может просто по любому клику по этому элементу сбрасывать массив и пересобирать? Будет ли это правильным решением? Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 10:52 22-12-2021

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii спасибо, работает и так и по простому клику - 2 проблемы остаются. 1. По первому клику, либо по первому изменению селекта не срабатывает. 2. Несмотря на то, что я очищаю массив, при выборе другой опции (где уже другие цены), данные не обновляются. Характерно, если код выполнить принудительно в консоле, то все срабатывает корректно, массив обновляется каждый раз... Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 12:22 22-12-2021

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii К сожалению, воссоздать проблему на доступном сервере проблематично, очень затратно по времени, а dev сервера все доступны только из рабочей сети. Завтра постараюсь прокинуть один сервер для общего доступа на какое то время, отпишусь.   Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 13:04 27-12-2021

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii вот на этой странице можно наблюдать в браузере (опять же не знаю, доступно ли не с ЕС айпи) - как видно, код работает криво. Срабатывает не с первого и даже не со второго раза, далее, после того как сработал, при изменении опций, которые меняют цены, подставляет цены соот-ющие предыдущей опции. Как будто сначала значения массива подставляются, а потом он уже обновляется, так как если снова обновить опцию, то видим что подставятся предыдущие(не первые) значения.   Есть еще пару глюков, но это уже все как я понимаю вторично.     Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 14:00 28-12-2021

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii спасибо, надо конечно mutationObserver поглубже изучить - пробелов у меня еще очень много. Я нашел js файл, который отвечает за в том числе обновление цены для конфигурируемых продуктов - вот этот файл.   Для удобства выложил этот файл сюда. Там создал из своей функции метод _getTierPrices, который вызываю в методе _UpdatePrice. В принципе, все работает, еще раз ссылка на страницу. Есть несколько неточностей, но в их решении пока проблем не вижу, доработаю позже.     Сначала я было хотел сделать вызов getTierPrices внутри методов _OnClick и _OnChange - вот так   - что характерно, у меня на 3 локальных системах этот подход работал безупречно.   А вот на dev сервере почему то обрабатывались корректно только изменения селектов, а клики по кастомным псевдоселектам не обрабатывались совсем. Странно, но так и не понял, почему, локально все так же точно, но все таки видимо какие то отличия есть, возможно, где то jquery версия или еще что то... надо бы конечно разобраться, но поскольку внутри _UpdatePrice работает, то в последний рабочий день года пусть останется так.     пс. С наступающим новым годом, и еще раз спасибо за помощь, которую вы тут оказываете. Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 17:44 29-12-2021 | Исправлено: Weinaum, 17:45 29-12-2021

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование