Запуск функций jQuery Document Ready и изменение размера окна в Wordpress

Question

В настоящее время у меня есть рабочий скрипт для изменения размера некоторых div'ов в соответствии с максимальным размером (документа). Уже в WordPress. Я также хочу включить, так как всякий раз, когда окно изменено, оно должно запускать те же функции. У меня было много проблем с попыткой добавить (окно) .resize - я пытался объединить их, сделать внешнюю функцию и даже просто скопировать и вставить те же функции (но с изменением размера окна вместо того, чтобы готовый документ в качестве триггера). Никаких костей ... любая помощь в том, как объединить эти два триггера в WP, была бы очень признательна!

Рабочий код, который у меня есть для Document Ready:

jQuery(document).ready(function($){

$('.service-row').each(function() {
  var highestBox = 0;

$('.service-item', this).each(function() {
  if ($(this).height() > highestBox) {
    highestBox = $(this).height();
  }
});

$('.service-item', this).height(highestBox);
        });

});

Answer 1

Один из способов - обернуть этот код в обработчик изменения размера, а также вызвать событие изменения размера при загрузке страницы, чтобы вызвать начальный запуск

jQuery(document).ready(function($) {

  $(window).on('resize', function() {
    $('.service-row').each(function() {
      var highestBox = 0;

      $('.service-item', this).each(function() {
        if ($(this).height() > highestBox) {
          highestBox = $(this).height();
        }
      });

      $('.service-item', this).height(highestBox);
    });
  // trigger resize on page load
  }).resize()


});