运行jQuery函数文档就绪&;在Wordpress中调整窗口大小

运行jQuery函数文档就绪&;在Wordpress中调整窗口大小,jquery,wordpress,window-resize,Jquery,Wordpress,Window Resize,我目前有一个工作脚本,可以根据(文档)上的最大大小调整一些div的大小。准备在WordPress中。我还想合并,因为无论何时调整窗口大小,它都应该触发相同的函数。我在尝试添加(窗口)时遇到了很多麻烦。调整大小-我尝试将它们组合起来,创建一个外部函数,甚至只是复制和粘贴相同的函数(但是使用窗口调整大小而不是文档准备作为触发器)。没有骰子。。。任何关于如何在WP中结合这两个触发器的帮助都将不胜感激 我已准备好文档的工作代码: jQuery(document).ready(function($){

我目前有一个工作脚本,可以根据(文档)上的最大大小调整一些div的大小。准备在WordPress中。我还想合并,因为无论何时调整窗口大小,它都应该触发相同的函数。我在尝试添加(窗口)时遇到了很多麻烦。调整大小-我尝试将它们组合起来,创建一个外部函数,甚至只是复制和粘贴相同的函数(但是使用窗口调整大小而不是文档准备作为触发器)。没有骰子。。。任何关于如何在WP中结合这两个触发器的帮助都将不胜感激

我已准备好文档的工作代码:

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);
        });

});

一种方法是将代码包装在resize处理程序中,并在页面加载时触发resize事件以导致初始运行

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()


});

好极了!!非常感谢你!这在iPhone上解决了这个问题。我现在唯一的问题是,当我调整浏览器窗口的大小时,它们仍然会被切断/保持初始大小不变,除非我刷新,有什么想法吗?如果不看到它,我会情不自禁。懂了,这是我的网站:“我们做什么”下面的框就是正在发生的事情。