WooCommerce - выбор вариантов выбора с помощью настраиваемых полей выбора

Question

Я пытаюсь использовать FancySelect.js для стилизации полей выбора, используемых в WooCommerce, и мне удалось несколько, но я борюсь с вариационной формой на страницах продукта.

Хотя FancySelect запускает событие изменения в исходном поле выбора, оно, похоже, ничего не влияет. Если посмотреть на javascript, который используется в форме вариаций, похоже, что они отключили событие изменения в окне выбора и обрабатывают его каким-либо другим способом, вместо этого запуская события на .variations_form. Однако я не могу заставить его работать.

Мой код что-то вдоль линий:

 $('.summary select').fancySelect().on('change.fs', function() { 
      $(this).trigger('change.$'); 
      $('.variations_form').trigger('woocommerce_variation_select_change'); 
     }); 

Я пробовал запуск нескольких событий, но никто, кажется, не имеют никакого влияния.

Любые идеи? Спасибо.

Answer 1

Так получилось, что исходный триггер не работал, по причинам, которые я не могу решить. Однако при запуске события изменения в исходном поле выбора в некоторой степени работал, но он не обновлял элемент «Триггер» fancySelect. Я думаю, это было потому, что исходные параметры select не получили атрибут :selected (по любой причине). Мне пришлось добавить настраиваемое событие в fancySelect, чтобы вручную запустить его метод updateText().

Обновленный код:

$('.summary .options li').on('click', function(){ 
    $('.summary select').trigger('change').trigger('select.fs'); 
}); 

И дополнительное событие для fancySelect (который я буду стараться способствовать, если я получаю шанс):

sel.on('select.fs', function(){ 
    updateTriggerText(); 
}); 

Приветствия.