Как сделать чтобы код срабатывал уже при первом событии?

Question

[lagudal]

Приветствую,
такой вопрос -
есть страница конфигурируемого товара, вот она (возможно доступна только под ЕС айпишником)
По умолчанию ни одна опция не выбрана.
Если выбрать хотя бы одну любую опцию, внизу под кнопкой добавления в корзину появляется таблица с 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();
   }
});
});
});

Если я правильно понимаю, то при первом событитии - первом выборе опции - условие еще не соблюдено.
Как сделать чтобы срабатывало при первом событии?

Comments

[Георгий Еремеев]

Пичаль, мне ссылка не доступна...

[nonconformiste]

Я бы немного упростил структуру, это должно сработать

$('.swatch-select.soaf_diameter').change(function(){
   if ( $(this).val() == "0" ){
   /* События скрытия таблицы */
   } else {
   /* Собития показа таблицы */
   }
});

[lagudal]

nonconformiste,
на самом деле не все так просто - если посмотреть внимательнее, то таблица с tier price появляется при первом выборе любой опции - остальные опции могут остаться как бы не выбранными, но на самом деле им присваиваются уже значения - по дефолту для материала и диаметра например, это первое значение в дропдаун, для цвета - это былый цвет. В любом случае это те опции, соотношение которых выводит минимальную цену.
И цена и лейаут тут не селекты, и отслеживать придется клик по ним, и есть ли у них класс "selected".
При этом придется добавлять еще несколько условий для скрытия - показа - например, скрывать только когда ни один из селектов не отличается от нуля, и ни один из псевдо-селектов не имеет класс "selected". В противном случае показать.
Так что не так уж и проще, к тому же, я проверил этот вариант: в консоли работает, в реальности же только при довольно большом тайм-ауте, что совсем не айс.